Delightful X-App Development with Flutter

A quick introduction of what Flutter is and what is required to start building apps with Flutter

Animated GIF version: https://goo.gl/vFnXBU

Transcript

1. Delightful X-App Development with Flutter Nishant Srivastava @nisrulz
2. “Flutter is a mobile app SDK, complete with framework, widgets, and tools…”
3. What is Flutter?
4. What is Flutter? Developed/supported by Google, currently in Alpha
5. What is Flutter? Developed/supported by Google, currently in Alpha Open Source
6. What is Flutter? Developed/supported by Google, currently in Alpha Open Source Single codebase
7. What is Flutter? Developed/supported by Google, currently in Alpha Open Source Single codebase Built using C/C++
8. What is Flutter? Developed/supported by Google, currently in Alpha Open Source Single codebase Built using C/C++ Allows building X(Cross)-Platform Applications
9. Why Flutter?
10. Why Flutter? Release to iOS and Android platforms
11. Why Flutter? Release to iOS and Android platforms Requires at-least Android Kitkat and iOS 5
12. Why Flutter? Release to iOS and Android platforms Requires at-least Android Kitkat and iOS 5 Offers Low Latency input
13. 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
14. 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
15. 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
17. Flutter uses...
19. = Widgets Lego
20. Hot Reload
21. 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
22. Demo ...how about see it live...
23. https://github.com/nisrulz/flutter-examples
24. ... a new Flutter-based system appears in the wild...
25. ... 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
26. iOS Android Fuchsia
27. https://www.blog.google/topics/developers/it-must-be-nice-have-hamilton-your-phone
28. Flutter renders its own widgets Dart & Flutter team work closely together Rendering performance is considerably higher Flutter Vs React Native
29. 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
30. Thanks! Any questions? You can find me at: @nisrulz nisrulz@gmail.com www.nisrulz.com