Slide 1

Slide 1 text

A NEW HOPE Sebastiano Poggi Android GDE, Novoda Eugenio Marletti Android GDE, Clue

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

TECH PREVIEW

Slide 5

Slide 5 text

flapping wings quickly and lightly rapid variation of signal parameters a small bet

Slide 6

Slide 6 text

QUIZ TIME!

Slide 7

Slide 7 text

QUIZ TIME!

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

Open-source language Made by (and for) Google “Familiar” Java-like syntax More modern than Java

Slide 13

Slide 13 text

Dynamic language Statically checked (strong mode) Mixins, reified generics, async (streams!) const constructs Snapshots (serialisation) Runs in Dart VM, JS or AOT native

Slide 14

Slide 14 text

FRAMEWORK ENGINE

Slide 15

Slide 15 text

C++ FRAMEWORK ENGINE

Slide 16

Slide 16 text

FRAMEWORK ENGINE C++ TEXT (BLINK) SKIA

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

Composition over inheritance Everything is a widget Declaration and binding together

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

Stateless Stateful

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

Animations

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

Unit tests Instrumentation tests Widget tests

Slide 29

Slide 29 text

Smoooth (60 fps) Performance? Smoooth (60 fps)

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

Development experience

Slide 32

Slide 32 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 33

Slide 33 text

Full control

Slide 34

Slide 34 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 35

Slide 35 text

No content

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

Full control

Slide 39

Slide 39 text

Full control

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

Eric Seidel Adam Barth Ian Hickson

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

Eugenio Marletti @workingkills @seebrock3r Sebastiano Poggi