Tagged articles
11 articles
Page 1 of 1
Taobao Frontend Technology
Taobao Frontend Technology
Jan 5, 2022 · Frontend Development

Embedding Flutter Widgets as Custom Elements in Kraken's Web Engine

This article explains how Kraken, a high‑performance Web rendering engine, integrates Flutter widgets as custom elements, detailing the component architecture, registration process, rendering pipeline, adapter mechanisms, and advanced use cases such as optimizing waterfall‑flow performance for seamless hybrid Web‑Flutter applications.

FlutterHybrid RenderingKraken
0 likes · 14 min read
Embedding Flutter Widgets as Custom Elements in Kraken's Web Engine
Alibaba Terminal Technology
Alibaba Terminal Technology
Jan 5, 2022 · Frontend Development

Embedding Flutter Widgets as Custom Elements in Kraken for High‑Performance Web Rendering

This article explains how to integrate Flutter widgets into the Kraken web rendering engine as custom elements, detailing the architecture, rendering pipelines, code examples, and advanced scenarios such as waterfall‑flow optimization to achieve dynamic, high‑performance, and easily extensible front‑end applications.

FlutterKrakencustom elements
0 likes · 15 min read
Embedding Flutter Widgets as Custom Elements in Kraken for High‑Performance Web Rendering
58 Tech
58 Tech
Sep 30, 2021 · Mobile Development

Evaluation of Flutter Dynamic Frameworks: Fair 2.0, Kraken, and MXFlutter

The article provides a detailed comparison of three Flutter dynamic frameworks—Fair 2.0, Kraken, and MXFlutter—covering their architecture, developer experience, and performance metrics such as package size, startup time, frame rate, and memory consumption, supported by code examples and real‑world test data.

Dynamic FrameworkKrakenMXFlutter
0 likes · 11 min read
Evaluation of Flutter Dynamic Frameworks: Fair 2.0, Kraken, and MXFlutter
Taobao Frontend Technology
Taobao Frontend Technology
Aug 26, 2021 · Frontend Development

How Kraken Leverages Flutter to Build a High‑Performance Web Rendering Engine

This article introduces Kraken, a high‑performance, Flutter‑based web rendering engine, detailing its technical background, architecture, bridge implementations, key performance optimizations, extended widget support, and debugging tools, while comparing its rendering flow with traditional WebView and Flutter pipelines.

FFIFlutterKraken
0 likes · 17 min read
How Kraken Leverages Flutter to Build a High‑Performance Web Rendering Engine
Alibaba Terminal Technology
Alibaba Terminal Technology
Aug 23, 2021 · Frontend Development

How Kraken Bridges Flutter and Web: A High‑Performance Rendering Engine

Kraken is an open‑source, high‑performance web rendering engine built on Flutter that implements W3C standards, leverages a three‑generation bridge for C++‑Dart communication, supports SSR, sliver layout, extensible plugins, and provides Chrome DevTools debugging, aiming to unify front‑end and Flutter ecosystems for faster, consistent cross‑platform development.

Bridge ArchitectureFlutterKraken
0 likes · 17 min read
How Kraken Bridges Flutter and Web: A High‑Performance Rendering Engine
Alibaba Cloud Developer
Alibaba Cloud Developer
Apr 21, 2021 · Frontend Development

How Alibaba’s Kraken Engine Redefines Cross‑Platform Web Rendering

Alibaba’s open‑source Kraken engine, built over three years, offers a high‑performance, W3C‑standard‑based rendering solution that integrates seamlessly with existing front‑end ecosystems, delivers consistent cross‑device output, and introduces advanced features like infinite scrolling, synchronous rasterization, enhanced gestures, and a plugin architecture, all backed by extensive automated testing and real‑world deployments.

Cross‑PlatformKrakenW3C Standards
0 likes · 12 min read
How Alibaba’s Kraken Engine Redefines Cross‑Platform Web Rendering
Alibaba Cloud Developer
Alibaba Cloud Developer
May 14, 2020 · Frontend Development

Discover Kraken: Alibaba’s Flutter‑Based Dynamic Rendering Framework

Kraken is a Flutter‑powered dynamic rendering framework from Alibaba that combines Rax and Web standards to enable zero‑learning‑cost UI updates, extensive npm package support, cross‑platform deployment, advanced debugging tools, and a suite of demo applications showcasing its performance and flexibility.

Cross‑PlatformFlutterFront‑end Framework
0 likes · 10 min read
Discover Kraken: Alibaba’s Flutter‑Based Dynamic Rendering Framework