Slide 1

Slide 1 text

Confidential + Proprietary Alex Korovyansky Flutter Build beautiful native apps in record time

Slide 2

Slide 2 text

“To the metal” approaches “Cross platform” approaches Must fund two apps Two teams, codebases, & investments Inconsistent brand, features Different across devices & OEMs Poor Performance Slow, jerky, unpredictable Non-Native Look/Feel Users can tell the difference High-quality apps Platform and system integrations Fast development Quick iterations, hot reload High-performance UIs Native code, GPU accelerated Portability, reach Single codebase Challenges of mobile development today

Slide 3

Slide 3 text

Confidential + Proprietary ” Flutter combines native performance and quality with high-velocity development and multi-platform reach. “ Flutter offers the best of both worlds

Slide 4

Slide 4 text

Confidential + Proprietary A SDK that makes building high-performing, modern and beautiful apps easy UI layer written on Dart, works for both Android and iOS An open-source toolkit, developed by Google* 100+ contributions from the open source community What’s Flutter? * Currently in Release Preview 1

Slide 5

Slide 5 text

Architecture

Slide 6

Slide 6 text

Confidential + Proprietary Flutter is a modern UI toolkit for native apps Framework (Dart) Engine (C++) Skia Dart Text Material Cupertino Widgets Rendering Animation Painting Gestures Foundation Flutter app (client) State MethodChannel FlutterMethodChannel MethodChannel iOS host Android host AppDelegate Activity FlutterViewController FlutterView iOS Platform APIs 3rd-Party APIs for iOS Android Platform APIs 3rd-Party APIs for Android

Slide 7

Slide 7 text

Flutter Widget Tree R e n d e r Canvas Events Application Platform

Slide 8

Slide 8 text

React Native Compare Update Platform Widgets Virtual Widgets Application Platform R e n d e r Canvas Events

Slide 9

Slide 9 text

The Power of Widgets

Slide 10

Slide 10 text

Everything is a Widget

Slide 11

Slide 11 text

Goodbye, global layout system new Center( child: new Text('Centered Text', style: textStyle), ) Local layouts: Every Widget defines it’s own layout. No need to tell the parent that it’s children are supposed to be centered.

Slide 12

Slide 12 text

Customizing and extending Widgets Flutter’s Widget system was designed to be easily customizable Composition: Widgets are built out of smaller widgets that you can reuse and combine in novel ways to make custom widgets class RaisedButton extends StatelessWidget { ... }

Slide 13

Slide 13 text

High-velocity development

Slide 14

Slide 14 text

Efficient tooling Hot stateful reload (magic) Support of dart ecosystem Support of Firebase and other libraries Support of all popular IDEs 3X Productivity Gains High-velocity development

Slide 15

Slide 15 text

DEMO

Slide 16

Slide 16 text

● 1,100+ other packages in repository ● 24,000+ Github stars ● 500+ apps in Play Store ● startflutter.com, flutter.rocks, flutter.institute, and more ● Open source (250+ contributors), BSD license Ecosystem and community

Slide 17

Slide 17 text

Hamilton launched as a featured app on iOS and Android within three months of us writing our first line of Flutter code. David DeRemer Co-Founder, Posse “ ”

Slide 18

Slide 18 text

Full frame is great, use a scrim for text.

Slide 19

Slide 19 text

● Flutter Study Jam ● GDG Omsk @ Meetup ● https://flutter.io Learn more

Slide 20

Slide 20 text

Thank you!