What is Flutter? “Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.”
Is it Production Ready?™ Companies that use Flutter Alibaba Groupon Lenovo eBay Phillips realtor.com PolicyGenius BMW Tencent Abbey Road Studios Google (Stadia, Ads) New York Times Capital One …and more! Topline by Abbey Road Studios
Christmas Markets App List Christmas markets available Header with animated snow (Flare) Calendar date picker Load markets from local CSV file Missing feature: When the user taps a date The app displays the markets available Let’s fix it!
What Works: - Build and serve websites with Flutter - Dart plugins - Loading custom fonts - Image assets and icons - Good UX just like in mobile - Chrome, Safari and Edge - Hot reload on debug - Minified JS on release KenKen by New York Times
What is missing: - No text selection (!!!) - Poor accessibility - UI interaction is “mobile like” (e.g. no scroll) - Poor performance Dataviz Flutter web sample app
Making our App Work 1. Change to `channel master` 2. Enable web with `config —enable-web` 3. Reinit the project with web support This created a `web` folder with an index.html
Resources Code Repo: https://github.com/KawaiiTech/flutter-xmas Web Demo: kawaiitech.github.io/flutter-xmas Flutter Web Demos: https://flutter.github.io/samples/ Flutter Web Basics: https://flutter.dev/web
Thank You! L a r a M a r t í n F l u t t e r G D E A n d r o i d D e v e l o p e r @ L a r i k i M i g u e l B e l t r a n F r e e l a n c e C o n s u l t a n t @ M i B LT