Delightful X-App Development with Flutter

Slide 1

Slide 1 text

Delightful X-App Development with Flutter Nishant Srivastava @nisrulz

Slide 2

Slide 2 text

“Flutter is a mobile app SDK, complete with framework, widgets, and tools…”

Slide 3

Slide 3 text

What is Flutter?

Slide 4

Slide 4 text

What is Flutter? Developed/supported by Google, currently in Alpha

Slide 5

Slide 5 text

What is Flutter? Developed/supported by Google, currently in Alpha Open Source

Slide 6

Slide 6 text

What is Flutter? Developed/supported by Google, currently in Alpha Open Source Single codebase

Slide 7

Slide 7 text

What is Flutter? Developed/supported by Google, currently in Alpha Open Source Single codebase Built using C/C++

Slide 8

Slide 8 text

What is Flutter? Developed/supported by Google, currently in Alpha Open Source Single codebase Built using C/C++ Allows building X(Cross)-Platform Applications

Slide 9

Slide 9 text

Why Flutter?

Slide 10

Slide 10 text

Why Flutter? Release to iOS and Android platforms

Slide 11

Slide 11 text

Why Flutter? Release to iOS and Android platforms Requires at-least Android Kitkat and iOS 5

Slide 12

Slide 12 text

Why Flutter? Release to iOS and Android platforms Requires at-least Android Kitkat and iOS 5 Offers Low Latency input

Slide 13

Slide 13 text

Why Flutter? Release to iOS and Android platforms Requires at-least Android Kitkat and iOS 5 Offers Low Latency input 60 fps for Android & iOS

Slide 14

Slide 14 text

Why Flutter? Release to iOS and Android platforms Requires at-least Android Kitkat and iOS 5 Offers Low Latency input 60 fps for Android & iOS Fast dev/iteration cycles with hot reloading

Slide 15

Slide 15 text

Why Flutter? Release to iOS and Android platforms Requires at-least Android Kitkat and iOS 5 Offers Low Latency input 60 fps for Android & iOS Fast dev/iteration cycles with hot reloading Does not use native UI widgets

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

Flutter uses...

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

= Widgets Lego

Slide 20

Slide 20 text

Hot Reload

Slide 21

Slide 21 text

Flutter also uses Heavily optimized, mobile-first 2D rendering engine(Skia) Modern react-style framework APIs for unit and integration tests Interop and plugin APIs to connect to the system and 3rd-party SDKs Headless test runner for running tests on Windows, Linux, and Mac Command-line tools for creating, building, testing, and compiling your app

Slide 22

Slide 22 text

Demo ...how about see it live...

Slide 23

Slide 23 text

https://github.com/nisrulz/flutter-examples

Slide 24

Slide 24 text

... a new Flutter-based system appears in the wild...

Slide 25

Slide 25 text

... a new Flutter-based system appears in the wild... Google is using Flutter to develop their new System UI called Fuchsia Armadillo is currently the default system UI for Fuchsia. Armadillo is written in Flutter

Slide 26

Slide 26 text

iOS Android Fuchsia

Slide 27

Slide 27 text

https://www.blog.google/topics/developers/it-must-be-nice-have-hamilton-your-phone

Slide 28

Slide 28 text

Flutter renders its own widgets Dart & Flutter team work closely together Rendering performance is considerably higher Flutter Vs React Native

Slide 29

Slide 29 text

References Flutter vs React Native: https://groups.google.com/forum/#!topic/flutter-dev/49DpZm0xbNk/discussion HackerNews Discussion: https://news.ycombinator.com/item?id=14617392 https://news.ycombinator.com/item?id=10518033 Flutter Official Website: https://www.flutter.io

Slide 30

Slide 30 text

Thanks! Any questions? You can find me at: @nisrulz [email protected] www.nisrulz.com