Andy Dong @andy_webf

Building @openwebf: The way to build fast, native flutter apps with JavaScript and CSS github.com/andycall Joined December 2014

Tweets

36
Followers

111
Following

136
Likes

6

Andy Dong @andy_webf

16 hours ago

To register a Web Component in WebF with Dart, create a class that extends the YourComponentBindings generated by the WebF CLI. Like a StatefulWidget, override createState() and implement build() to define the widget tree. Implement the generated property and method stubs to…

1 2 19 2K 4

Download Image

Andy Dong @andy_webf

2 days ago

WebF CLI includes a code generator that outputs both Dart bindings and a ready-to-publish npm package. It’s built for Flutter developers: each run produces a complete npm package from your typings, and it automatically uses your Flutter package version. You don’t need to touch…

0 1 7 560 0

Download Video

Andy Dong @andy_webf

2 days ago

The interface typings file is a subset of TypeScript’s type syntax. Follow the pattern below to declare your interfaces: // Properties for your web component <YourComponentName>Properties { // ... } // Methods on your web component’s DOM instance <YourComponentName>Methods {…

0 0 1 1K 2

Download Image

Andy Dong @andy_webf

3 days ago

It’s easy to wrap your Flutter widget library as Web Components for JavaScript developers. We’ve done a lot of work to make this process simple: 1. No JavaScript/TypeScript code involved 2. No glue/binding code to implement 3. Work entirely in Dart There are just three steps:…

8 5 42 7K 29

Andy Dong @andy_webf

5 days ago

Adding web developers to Flutter teams is the first design objective of WebF. To achieve this, we need to clearly define the boundaries between tasks handled by web developers and those handled by Flutter developers. The key to this approach is Web Components: 1. Flutter…

0 0 2 288 1

Download Image

Andy Dong @andy_webf

5 days ago

Some people might wonder how HTML/CSS works in Flutter. Is it just a combination of Flutter widgets like SizedBox or Stack? The answer is no. These widgets are too limited to build a layout engine that fully supports the CSS specification. For example: 1. The auto minimum…

0 0 1 128 0

Download Image

Andy Dong @andy_webf

6 days ago

WebF brings web development to Flutter. Unlike React Native, we don’t require developers to use special elements like <view> or <text> for basic UI markup. Instead, you can simply use HTML, CSS, and DOM APIs — the same foundations that most developers (and even AI tools) are…

1 1 3 307 1

Download Video

Andy Dong @andy_webf

a week ago

Building a rendering engine with your own APIs and tools is medium. Making it compatible with existing APIs and tools is hard. Making it twice as fast as competitors while staying compact is very hard. Luckily, we did the very hard thing.

0 0 0 126 0

Andy Dong @andy_webf

a year ago

I just published Memory Management in Dart FFI link.medium.com/sHRXa400FMb

0 0 2 299 1

Andy Dong @andy_webf

a year ago

I just published "Setting Up a Development and Debugging Environment for Your C/C++ Project with Flutter Apps " link.medium.com/DtA0kYccpMb

0 0 0 256 0

Andy Dong @andy_webf

a year ago

I just published The Comprehensive Guide to Using C/C++ in Flutter — Part I link.medium.com/R3ungxbcpMb

0 0 0 184 0

Andy Dong @andy_webf

a year ago

The version 0.16.0 is now released. We had an architecture upgrade that involved migrating the JavaScript runtime to a dedicated thread, along with dozens of optimizations, new features, and bug fixes. Check the following link for more details: github.com/openwebf/webf/…

0 0 1 172 0

Andy Dong @andy_webf

2 years ago

reddit.com/r/rust/comment…

0 0 1 216 0

Andy Dong @andy_webf

2 years ago

The MutationObserver API is now supported in WebF and has passed all tests in the WPT. 😆😆

0 0 1 245 0

Download Image

Andy Dong @andy_webf

2 years ago

Over 10,000 commits have been made in the past four years of heavy development in the Kraken and WebF projects. Thank you for everyone's hard work 🫡 github.com/openwebf/webf