Beautiful apps in record time with Flutter

DevFest Cancún 2018

Transcript

1. Beautiful apps in record time With Flutter Diego Velásquez López @diegoveloper
2. Diego Velásquez López Mobile Software Architect About me • Google Developer Expert Flutter • Software engineer > 11 years experience • Love mobile development • Android / iOS / Flutter • Creator of two Android apps: ◦ Pseudocode ◦ Quick Printer • Founder & Organizer @ Flutter Peru @diegoveloper https://aeyrium.com/
3. Mobile Apps Development Strategies Traditional Development 3rd-Party Development
4. Traditional Development High-quality apps Platform and System integration High-performance UI Native code, GPU accelerated High costs/time Two teams, codebases Inconsistent brand, features Different across devices & OEMs
5. 3rd-Party Development Fast development Quick iterations, hot reload Cheaper Single codebase, one team Poor performance Slow, jerky, unpredictable Non-Native Look/Feel Users can tell the difference
6. Welcome Flutter High-quality apps Platform and System integration High-performance UI Native code, GPU accelerated Fast development Quick iterations, hot reload Cheaper Single codebase, one team
9. Never say “no” to your designer
10. No more OEM / Brand widgets Control every pixel on the screen
11. 11 Native look and feel • Scrolling • Navigation • Toolbar • Back Button
13. Compiles directly to native ARM code • No Javascript bridge / interpreter • 60fps (or 120 fps!) • GPU accelerated • Smooth animations • JIT & AOT compilation
14. Programming language Dart 14
16. No xml / xib / storyboard
17. Hot Reload! • Paint your app to life • New way to develop • Less than a second • Preserves the state
18. Increasing the productivity
20. Flutter Architecture Diagram
21. Configuration StatelessWidget Configuration State StatefulWidget Event (setState) Rebuild Stateless & Stateful Widget
22. Native code through Platform Channels
23. Choose your preferred IDE
24. Packages https://pub.dartlang.org/flutter
25. Four ways to start with Flutter Start an App from scratch Prototype a new idea Use Flutter for a new feature of your App Create an App just for one platform
26. Flutter in action!
27. Questions? • diegoveloper@gmail.com • https://github.com/diegoveloper/ • https://medium.com/@diegoveloper • https://twitter.com/diegoveloper
28. References • https://flutter.io/ • https://github.com/flutter/flutter • https://www.youtube.com/watch?v=fq4N0hgOWzU • https://www.youtube.com/watch?v=8qVkqkt8Ih0 • https://www.youtube.com/watch?v=DoAlr0DUJYw
29. 29 https://www.meetup.com/Flutter-Peru/ https://twitter.com/FlutterPeru https://www.facebook.com/FlutterPeru