Flutter: A New Hope [EXTENDED VERSION]

Slide 1

Slide 1 text

A NEW HOPE Eugenio Marletti Flutter & Android GDE, Clue EXTENDED VERSION

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

ALPHA- ish

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

QUIZ TIME!

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

Open-source language Made by (and for) Google “Familiar” Java-like syntax Surprisingly good…?!

Slide 10

Slide 10 text

(originally) dynamic language Statically checked (strong mode) Mixins, reiﬁed generics, async (streams!) compile-time constant instances Null handling with .? and ?? Runs in Dart VM, JS or AOT native

Slide 11

Slide 11 text

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

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

Composition over inheritance Everything is a widget Declaration and binding together

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

Stateless Stateful

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

Stateful class Counter extends StatefulWidget { @override _CounterState createState() => new _CounterState(); }

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

Animations

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

Unit tests Instrumentation tests Widget tests

Slide 24

Slide 24 text

Smoooth (60 fps) Performance?

Slide 25

Slide 25 text

Full control No OEM customisation Always up to date Inspect real source code which will be run Minimal Apk size: 8MB

Slide 26

Slide 26 text

Development experience

Slide 27

Slide 27 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 28

Slide 28 text

Full control

Slide 29

Slide 29 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 30

Slide 30 text

No content

Slide 31

Slide 31 text

Full control

Slide 32

Slide 32 text

Full control

Slide 33

Slide 33 text

API 16+ ARM only iOS 8+ 64 bit (iPhone 5S+)

Slide 34

Slide 34 text

flutter.io github.com/rock3r/squanchy-flutter bit.ly/flutter-a-new-hope-extended

Slide 35

Slide 35 text

@workingkills Eugenio Marletti