WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2022 • Jun 15, 2022

Is Flutter ready for the web yet? - A live coding comparison between Flutter and React

Marcus Wojtusik , Thomas Hinterwimmer

Is Flutter finally ready to rival React on the web? Watch Audi engineers live-code a direct comparison to reveal which framework wins for your next single-page app.

Pause
Mute Enter Fullscreen
#1 about 3 min

Introduction to the live coding comparison

Contextualizing a technical evaluation of web frameworks for enterprise projects.

#2 about 2 min

Defining the core concepts of Flutter and React

Understanding the historical context behind multi-platform interface compilation frameworks.

#3 about 1 min

Identifying similarities between the two web frameworks

How both tools utilize declarative programming structures to scale interfaces.

#4 about 2 min

Examining architectural differences between React and Flutter models

Understanding why native canvas compilation behaves differently than standard document rendering.

#5 about 2 min

Establishing criteria for comparing application development frameworks

Creating a baseline matrix mapping components up to accessibility validation.

#6 about 2 min

Building and inspecting a basic React web application

How basic JavaScript libraries translate explicitly to structured structural node representations.

#7 about 4 min

Building a basic Flutter web application canvas

How internal WebGL engines replace standard element rendering implementations natively.

#8 about 2 min

Measuring initial web application performance using Chrome Lighthouse

Contrasting baseline startup loading speeds using standard browser auditing profilers.

#9 about 1 min

Introducing a real world application challenge for direct comparison

Translating a production automotive interface to evaluate practical development friction.

#10 about 4 min

Fetching data and configuring state within React components

Abstracting interface synchronization rules when ingesting external server payloads cleanly.

#11 about 5 min

Fetching remote data and updating application state in Flutter

Executing internal widget update cycles securely based on promise resolution architectures.

#12 about 2 min

Managing complex application states and asynchronous form inputs

Orchestrating modal interface flows requesting deeply nested root data updates.

#13 about 2 min

Creating production application bundles using core React tooling

Operating provided package scripts outputting static server distribution payload targets.

#14 about 2 min

Compiling binary deployable artifacts for Flutter web applications

Selecting preferred renderer profiles establishing optimal cross-device progressive web applications.

#15 about 2 min

Evaluating complete web application startup loading performance benchmarks

Interpreting score anomalies stemming from framework specific startup animation routines.

#16 about 7 min

Evaluating developer experience and package ecosystem library support

Balancing mature dependency ecosystems explicitly against emerging mobile compilation convenience.

#17 about 3 min

Final guidance for adopting Flutter or React tech stacks

Establishing architectural decisions targeting primary environments versus synergistic shared codebases.

#18 about 4 min

Exploring accessibility and responsive layouts across testing environments

Answering specific implementation details concerning screen readers and viewport manipulation limitations.

Matching moments

2:25 min

Comparing hybrid app frameworks with React Native and Flutter

Mira Jago · World Congress 2021

1:45 min

Comparing declarative cross-platform architectures like Flutter and React Native

Sylvia Dieckmann · LIVE

5:38 min

Core differences between React Native and Flutter

Simon Auer Simon Auer · World Congress 2022

5:05 min

Introduction to Flutter and cross-platform UI development

Sylvia Dieckmann · LIVE

4:57 min

Introduction to cross-platform application development with Flutter

Simon Auer Simon Auer · World Congress 2022

5:10 min

Live coding a cross-platform Flutter application deployment

Simon Auer Simon Auer · World Congress 2022

More from World Congress 2022

What the heck do "declarative" and "reactive" actually mean? thumbnail
30:40
about 4 years ago

What the heck do "declarative" and "reactive" actually mean?

André Kovac

The Design and Evolution of C++ thumbnail
1:01:15
over 4 years ago

The Design and Evolution of C++

Bjarne Stroustrup

But, you're not Facebook thumbnail
31:12
over 4 years ago

But, you're not Facebook

Kristijan Ristovski

Communicate efficiently with Software Architecture Diagrams thumbnail
28:11
over 4 years ago

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

Get Ready for Jakarta EE 10! thumbnail
42:53
over 4 years ago

Get Ready for Jakarta EE 10!

Ivar Grimstad

Keep your code refactorable thumbnail
26:46
over 4 years ago

Keep your code refactorable

Gerrit Stapper

Related videos

Intro to Flutter Development thumbnail
48:32
World Congress 2021 • over 5 years ago

Intro to Flutter Development

Mira Jago

Writing truly cross plattform applications using flutter thumbnail
29:36
World Congress 2022 • over 4 years ago

Writing truly cross plattform applications using flutter

Simon Auer

Using Serious Tech for a Silly Game - How to Build an MVP with Flutter thumbnail
28:58
World Congress 2023 • about 3 years ago

Using Serious Tech for a Silly Game - How to Build an MVP with Flutter

Sylvia Dieckmann

There's an app for that - on the role of cross platform development in the app development ecosystem thumbnail
35:09
LIVE • almost 5 years ago

There's an app for that - on the role of cross platform development in the app development ecosystem

Aleksandra Desmurs-Linczewska

Dart - a language believed dead, experiences a new bloom thumbnail
1:00:14
World Congress 2022 • over 4 years ago

Dart - a language believed dead, experiences a new bloom

Christoph Menzel

The Journey of a Pixel in a React Application thumbnail
27:01
World Congress 2025 • about 1 year ago

The Journey of a Pixel in a React Application

Shem Magnezi

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.