Exploring new possibilities with Flutter for web

Transcript

1. Exploring new possibilities with Flutter for web By Pawan Kumar
2. Google Developer Expert For Flutter, Firebase, Dart & WebTech
3. Back in 2017 Native Android Me
4. In 2018 Declarative UI Pattern?
6. In 2019?
7. 2019 for declarative UI Pattern
8. What is Flutter Flutter is Google’s portable UI toolkit for building beautiful, native applications for Android iOS, Web and Desktop from a single codebase.
9. Expressive, beautiful UIs
10. Stateful hot reload
11. Native performance
12. Flutter directly compiles your dart code to native machine code Mobile Web Desktop
13. Raspberry Pi
14. Desktop Embedding
15. Integrate flutter app to existing iOS and Android app
16. Flutter For Web
17. Flutter vs Flutter For Web
18. Scenario • A connected Progressive Web Application built with Flutter • Embedded interactive content • Embedding dynamic content in a Flutter mobile app
19. Flutter Web Support Flutter 1.10
21. Cross Platform Mobile Apps
22. Dart
23. “Dart is particularly easy to learn because it has features that are familiar to users of both static and dynamic languages.” Why Flutter uses Dart
24. Event loop
25. Just-in-time compilation
26. Ahead-of-time compilation
27. Type safe
46. Familiar
48. Everything’s a widgets!
54. Gotcha
55. No templates
56. No css
60. “Flutter widgets are built using a modern react-style framework” Flutter.io
61. StatefulWidget
64. State is long-lived
65. Widgets get reborn
66. Fast
67. Stateful hot reload
68. Reactive
69. Animation
71. Custom Animation with Tween Zero to One with Flutter
72. Testing
73. Unit
74. package:test
76. Widget
77. package:flutter_test
79. Integration
80. “tested app is launched on a real device or in an emulator” Flutter.io
82. Test more things
84. Flutter For Web – Technical Preview Android + iOS + (Not so good Web) = ♥ http://mtechviral.com/myportfolio/ http://mtechviral.com/Flutter-UI-Kit/ https://flutter.github.io/samples/
85. Where to start
86. Youtube.com/mtechviral
87. Flutter.dev
88. flutter.dev/docs/codelabs
89. github.com/Solido/ awesome-flutter
90. Thank You Twitter - @imthepk | Github - @iampawan | Youtube - @mtechviral