What is Flutter? Why Flutter?

Transcript

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
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
 →https://codepen.io/mkiisoft/pen/KKdgdad
 → 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/
25. References • ANDROID FRAGMENTATION VISUALIZED (AUGUST 2015)
 →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/ •