About
→ Khoa https://github.com/onmyway133/
→ Write for React Native Training https://
medium.com/react-native-training
→ and Flawless App https://medium.com/flawless-
app-stories
Slide 3
Slide 3 text
Flutter
→ https://flutter.dev/
→ Open source mobile application development SDK
by Google
→ https://github.com/flutter/flutter
→ Release 1.0 on December 4th 2018
Slide 4
Slide 4 text
Platform
→ Target iOS, Android, Fuchsia
→ Latest Flutter 1.2.1 with Dart 2.1.2
→ Flutter engine in C++ using Google Skia graphics
library
→ Foundation in Dart
Slide 5
Slide 5 text
Platform
→ Android: Dart virtual machine with just in time
(JIT) execution
→ iOS: ahead of time (AOT) compilation
→ Dart supports hot reload
→ Modification to source files can be injected into
running application
Slide 6
Slide 6 text
Why Flutter uses Dart
→ https://hackernoon.com/why-flutter-uses-dart-
dd635a054ebf
→ Either Ahead of Time or Just in time
→ Effective object allocation and garbage collection
Slide 7
Slide 7 text
Dart
// Define a function.
printInteger(int aNumber) {
print('The number is $aNumber.'); // Print to console.
}
// This is where the app starts executing.
main() {
var number = 42; // Declare and initialize a variable.
printInteger(number); // Call a function.
}
Slide 8
Slide 8 text
Dart
→ async await
→ named and positional parameters
→ strongly typed
Slide 9
Slide 9 text
What’s Revolutionary about Flutter
→ https://hackernoon.com/whats-revolutionary-
about-flutter-946915b09514
→ Develop Flutter widgets instead of platform
widgets
Slide 10
Slide 10 text
Flutter
new Center(
child: new Column(
children: [
new Text('Hello, World!')),
new Icon(Icons.star, color: Colors.green)
]
)
)
Slide 11
Slide 11 text
Flutter vs React Native
→ React Native Virtual dom -> native controls
→ Flutter Widget tree
Slide 12
Slide 12 text
Compatability
→ https://medium.com/flutter-io/https-medium-
com-flutter-io-pitching-flutter-2d4f494e47d1
→ OpenGL -> Metal https://github.com/flutter/
flutter/issues/18208 !?
→ New widget?
→ New native features !?
→ Plugins support