Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Delightful X-App Development with Flutter

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

Ab4fa54bccd8073d0c0b4d4a2dd4193f?s=128

Nishant Srivastava

August 17, 2017
Tweet

More Decks by Nishant Srivastava

Other Decks in Technology

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
  16. None
  17. Flutter uses...

  18. None
  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