Building native apps for iOS and Android with Flutter

Introduction to Flutter from a high level perspective

Transcript

1. @jmolins Building native apps for iOS and Android with Flutter Chema Molins @jmolins @flutter_es
2. @jmolins The dilemma of mobile app development
3. @jmolins Another cross platform development framework?
4. @jmolins Flutter: the only reactive native SDK
5. @jmolins What is Flutter? Flutter-es.io: “Flutter is Google’s mobile app SDK for crafting high-quality native interfaces on iOS and Android in record time. Flutter works with existing code..., and is free and open source*.” An multi platform open-source SDK created by Google to • Build • Native and • High quality apps • In record time * At present in Beta
6. 1. Build native apps
7. @jmolins 1. Build native apps Native for mobile? • “Native” OEM platforms (iOS, Android) • “Native” Widgets (React Native, Xamarin Native) • or...
8. @jmolins Flutter is Native by definition! • Compile to native machine code (ARM) ◦ AoT Compilation (Ahead of Time) ◦ Apps are native in every system ◦ No virtual machine (JVM) ◦ No javascript bridge • Accelerated by GPU, 60 fps • Smooth animations without “jank”
9. @jmolins Complete SDK to build UIs • Includes runtime and renderer • Similar to game engines, like Unity
10. @jmolins
11. @jmolins Flutter brings the platform to the application
12. 2. High Quality Apps
13. @jmolins Flexible and expressive UI
14. @jmolins Each layer builds on the previous one Skia Dart Text Foundation Animation Painting Rendering Widgets Material Gestures Engine (C++) Framework (Dart) Cupertino
15. @jmolins High quality widgets Everything is a widget A set of Material & Cupertino (iOS) widgets built directly with Flutter SDK. • High quality • Blazingly fast • Customisable and extensible → Composition Capability of making brand designs without the limitations of platform widgets.
16. 3. In Record Time
17. @jmolins In record time • Hot-reload stateful ◦ JIT Compile ◦ Changes are injected to Dart VM ◦ Changes under 1 second. • Fast prototyping • Great documentation
18. @jmolins Superpowered by Dart - Sound type system - Tree Shaking - AoT (release) and JIT (dev/debug) compilation - Rich set of libraries - Multi-gen, lockless GC
19. @jmolins Exclusive for Commit! Unofficial Commit 2018 app In Google Playstore
20. One final thing...
21. @jmolins Flutter Live in London December, 4th Viewing Party in Madrid Check @FlutterMadrid
22. Thank you Chema Molins @jmolins @flutter_es