Building Blocks for Beautiful Cross-Platform Applications, an intro to Flutter

In this presentation we talk about the building blocks of a mobile Flutter app and the things that you would need to build a standard application. Including, UI, Networking, and Navigation.

Transcript

1. Building Blocks for Beautiful Cross-Platform Applications An intro to Flutter
2. Outline • What is Flutter? • Widgets and you! • Navigation • Networking • Images • All together now! • Further Resources
3. What is Flutter? From the Flutter website: “Flutter is a mobile app SDK for building high-performance, high-fidelity, apps for iOS and Android, from a single codebase.”
4. What’s so great about Flutter? • Cross-platform • Improved developer experience • Built in solutions for common problems • Easy to iterate
5. What’s not so great about Flutter? • Code can look clunky • No dependency injection • Less mature architecture patterns • No support for self signed SSL certs
6. Widgets! • Everything is a widget! • Small pieces of UI or functionality • Build method tells the SDK how to draw • Parameters • Two main types of widgets
7. Stateless Widgets • Don’t change after creation • Keeps whatever values they start with
8. Stateful Widgets • Can keep track of changes to itself after creation • Can update itself • Has a bit more setup
9. Navigation • A widget! • Give it a Route • And a target widget
10. Networking • Not a widget?!?! • A standard library • Callbacks using Futures • Can be handled by a widget
11. Images • A widget! Of course. • Supports bundled files • And networked images
12. Putting it all together!
13. Further Flutter Resources • Flutter website: https://flutter.io • Flutter on Medium: https://medium.com/flutter-io • Google Developers YouTube channel: https://bit.ly/1quL3Xy • Example app repo: https://github.com/2d-inc/HistoryOfEverything Twitter: @jbryant06 LinkedIn: Jeremiah Bryant