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
   

   View Slide

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

   View Slide

3. What is Flutter?
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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
   

   View Slide

9. Why Flutter?
   

   View Slide

10. Why Flutter?
    Release to iOS and Android platforms
    

    View Slide

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

    View Slide

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

    View Slide

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
    

    View Slide

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
    

    View Slide

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
    

    View Slide

16. View Slide

17. Flutter uses...
    

    View Slide

18. View Slide

19. = Widgets
    Lego
    

    View Slide

20. Hot Reload
    

    View Slide

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
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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
    

    View Slide

26. iOS Android Fuchsia
    

    View Slide

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

    View Slide

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

    View Slide

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
    

    View Slide

30. Thanks!
    Any questions?
    You can find me at:
    @nisrulz
    nisrulz@gmail.com
    www.nisrulz.com
    

    View Slide