And Google said, Let there be Flutter: and there was Flutter

Slide 1

Slide 1 text

And Google said, Let there be Flu!er: and there was Flu!er Eugenio Marletti GDE (Android, Flutter, Kotlin) Lead Android Engineer @ Clue

Slide 2

Slide 2 text

SDK for building high-performance, high-ﬁdelity, apps for iOS and Android, from a single codebase

Slide 3

Slide 3 text

BETA

Slide 4

Slide 4 text

QUIZ TIME!

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

F A

Slide 9

Slide 9 text

?F A?

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

FRAMEWORK ENGINE CUPERTINO WIDGETS RENDERING DART:UI TEXT (BLINK) SKIA DART C++ MATERIAL

Slide 12

Slide 12 text

WIDGETS WIDGETS WIDGETS WIDGETS WIDGETS WIDGETS EVERYWHERE WIDGETS EVERYWHERE WIDGETS EVERYWHERE WIDGETS EVERYWHERE WIDGETS EVERYWHERE

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

Stateless Stateful

Slide 15

Slide 15 text

Stateless class BoringText extends StatelessWidget { @override Widget build(BuildContext context) => Text("Hello world") }

Slide 16

Slide 16 text

Stateful class _CounterState extends State { int _counter = 0; void _increment() { setState(() { ++_counter; }); } @override Widget build(BuildContext context) => Text("Count: " + _counter) }

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

Smoooth (60 fps) Performance?

Slide 19

Slide 19 text

Smoooth (60 fps) Performance?

Slide 20

Slide 20 text

Development experience

Slide 21

Slide 21 text

$ flutter doctor [✓] Flutter (on Mac OS X 10.12.4 16E195, channel unknown) • Flutter at /Users/takhion/flutter • Framework revision 031e042eee (3 weeks ago), 2017-03-17 15:24:54 • Engine revision c4edec7417 • Tools Dart version 1.23.0-dev.9.0 [✓] Host Executable Compatibility • Downloaded executables execute on host [✓] Android toolchain - develop for Android devices (Android SDK 25.0.2) • Android SDK at /Users/takhion/Android/sdk • Platform android-25, build-tools 25.0.2 • ANDROID_HOME = /Users/takhion/Android/sdk • Java binary at: /Library/Java/JavaVirtualMachines/jdk1.8.0_25.jdk/Contents/Home/bin/java • Java version: Java(TM) SE Runtime Environment (build 1.8.0_25-b17) [✓] iOS toolchain - develop for iOS devices (Xcode 8.2.1) • Xcode at /Applications/Xcode.app/Contents/Developer • Xcode 8.2.1, Build version 8C1002 • ios-deploy 1.9.1 • CocoaPods version 1.2.0 [✓] Android Studio (version 2.2) • Android Studio at /Applications/Android Studio.app/Contents • Gradle version 2.14.1 [✓] Connected devices • Pixel • FA69N0309825 • android-arm • Android 7.1.1 (API 25)

Slide 22

Slide 22 text

Full control

Slide 23

Slide 23 text

$ flutter run Launching lib/main.dart on Pixel in debug mode... Running 'gradle assembleDebug'... Built build/app/outputs/apk/app-debug.apk (21.8MB). Uninstalling old version... Installing build/app/outputs/apk/app.apk... 6.0s Syncing files to device... 2.8s ! To hot reload your app on the fly, press "r". To restart the app entirely, press "R". The Observatory debugger and profiler is available at: http://127.0.0.1:8106/ For a more detailed help message, press "h". To quit, press "q".

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Full control

Slide 26

Slide 26 text

Full control

Slide 27

Slide 27 text

I probably won't have any more time to talk at this point, but just in case: here's a placeholder! "

Slide 28

Slide 28 text

Eugenio Marle!i @workingkills bit.ly/let-there-be-flutter