Creating a Flutter App

These slide are about the Flutter framework and how to create an app with it.

Transcript

1. Creating your first flutter app Dylan Drost
2. A little bit about me Android app developer @ Local Fixer and resident geek for a food blog run by my wife Betty with over 1k post and around 80 to 90k monthly visitors
3. Flutter Flutter is a new mobile app SDK to help developers and designers build modern mobile apps for iOS and Android.
4. Flutter
5. Flutter
6. Flutter Android SDK(Java, Kotlin) IOS SDK(Objective-C, Swift) Titanium, Cordova, PhoneGap, Ionic, ... Flutter React Native, Nativescript Compile to native Interpreted(Javascript) MVC/MVP/MVVM Reactive
7. Flutter: Technical overview
8. Flutter: widgets
9. class CustomWidget extends StatelessWidget { @override Widget build(BuildContext context) { return const Padding( padding: const EdgeInsets.all(8.0), child: const Text( Static Text, style: const TextStyle(fontSize: 18.0, color: Colors.white), )); } } Flutter: widgets
10. class CustomWidget extends StatefulWidget { CustomState createState() => new CustomState(); } class CustomState extends State<CustomWidget> { bool _isVisible; @override Widget build(BuildContext context) { return _isVisible ? const Text('loaded data') : const Text('is loading'); } @override void initState() { super.initState(); ... // do something expensive task setState(() { _isVisible = true; }); } } Flutter: widgets
11. Flutter: setting up $ git clone https://github.com/flutter/flutter.git $ export PATH=`pwd`/flutter/bin:$PATH $ flutter doctor And of course have an IDE installed like Intellij
12. Demo Time
13. Thing you start noticing Its fast without optimizing
14. Thing you start noticing Stateful hot reload, why don’t we have that on native.
15. Thing you start noticing View in code are not as bad as I thought
16. Thing I didn’t like Missing features compared to native
17. Thing you start noticing Getting used to the project structure and organizing code
18. Thing I didn’t like Json Parsing libraries
19. Thing I didn’t like No architectural decisions made out of the box
20. Thank you! Questions?
21. Additional resources • https://flutter.io/ • https://www.reddit.com/r/FlutterDev/ • Flutter talks on youtube • learn Flutter by Bram van Bilsen • Learn Flutter by Brandon Donnelson • https://startflutter.com/themes/ • https://hackernoon.com/whats-revolutionary-about-flutter-946915b09514 • Flutter gitter chat