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

What is Flutter? Why Flutter?

What is Flutter? Why Flutter?



July 02, 2020


  1. Teppei Kikuchi, 2nd July 2020 What is Flutter? Why Flutter?

    This is the best solution for mobile development. https://flutter.dev/brand
  2. • Flutter is an app SDK for building high- performance,

    high-fidelity apps for iOS, Android, web (beta), and desktop (technical preview) from a single codebase. • The goal is to enable developers to deliver high- performance apps that feel natural on different platforms. We embrace differences in scrolling behaviors, typography, icons, and more. What is Flutter? https://flutter.dev/docs/resources/technical-overview
  3. What is Flutter? Flutter API Utility Widgets Dart Native Code

    Native Code Code Compilation Flutter SDK Flutter API provide 
 utility functions & UI elements Flutter SDK is tools
 for code compilation
  4. Architecture overview https://github.com/flutter/flutter/wiki/The-Engine-architecture

  5. Why Flutter? https://flutter.dev/

  6. Expressive & Flexible UI

  7. 24,093 What is this number?

  8. Mobile Market https://www.opensignal.com/sites/opensignal-com/files/data/reports/global/data-2015-08/2015_08_fragmentation_report.pdf

  9. None
  10. None
  11. None
  12. need to adapt so many devices

  13. SKIA Flutter’s graphics engine Skia is an open source 2D

    graphics library which provides common APIs that work across a variety of hardware and software platforms. It serves as the graphics engine for Google Chrome and Chrome OS, Android, Mozilla Firefox and Firefox OS, and many other products.
  14. Flutter flexible rendering

  15. Fast Development

  16. Flutter clone app • Twitter clone app
 → 1395

    lines • Whats app clone
 → https://codepen.io/mkiisoft/pen/BaoWVrQ
 → 1786 lines • Slack clone app
 → https://codepen.io/mkiisoft/pen/XWmGdxL
 → 1951 lines flutter can be written with less source code than
 native(Swift, Kotlin) and others
  17. Adobe XD support flutter https://theblog.adobe.com/xd-flutter-plugin-generate-dart-code-design-elements/

  18. Flutter is Hot

  19. Hot developing

  20. Hot interest https://trends.google.com/trends/explore?date=2017-07-02%202020-07-02&q=Flutter,React%20Native,Ionic,Xamarin

  21. Hot interest https://insights.stackoverflow.com/trends?tags=flutter%2Creact-native%2Ccordova%2Ctitanium%2Cxamarin

  22. Flutter expand more Not only mobile device

  23. Appendix

  24. References • The Complete 2020 Flutter Development Bootcamp with Dart

    →https://www.udemy.com/course/flutter-bootcamp-with-dart/ • Flutter & Dart - The Complete Guide [2020 Edition]
 →https://www.udemy.com/course/learn-flutter-dart-to-build-ios-android-apps/ • Technical overview
 →https://flutter.dev/docs/resources/technical-overview • The Engine architecture
 →https://github.com/flutter/flutter/wiki/The-Engine-architecture • Flutter Official page
 → https://flutter.dev/
 →https://www.opensignal.com/sites/opensignal-com/files/data/reports/ global/data-2015-08/2015_08_fragmentation_report.pdf •

    Fuchia official site
 →https://fuchsia.dev/ •