Build Very Good Apps with Flutter

Very Good Ventures 🦄

Zaitrarrio Collier

@zaitrarrio

Vice President, Technology Strategy

About Felix

@felangelov

What is Flutter?

https://flutter.dev

     Fast Development

• < 1s reloads
• state is retained
• works for
  • simulators
  • emulators
  • physical devices

       Flexible UI

• Material Design & Cupertino built in
• Rich Animations
• Control Every Pixel
• Build Responsive Apps

         Native         

         Performance

• Platform Specific
  • Scrolling Physics
  • Navigation
  • Fonts/Icons
• Running at 60fps

How it works 

Your App

Native Code

Platform

Services

Canvas

Events

Location

Bluetooth

Audio

Camera

Widgets,

Rendering

Platform Channels

Flutter Engine 

Native Development

Your App

Native Code

Platform

Services

Canvas

Events

Location

Bluetooth

Audio

Camera

Native UI

Native Development

Your App

Native Code

Platform

Services

Canvas

Events

Location

Bluetooth

Audio

Camera

Native UI

Native Code

Platform

Services

Native UI

Canvas

Events

Location

Bluetooth

Audio

Camera

Native Code

Platform

Services

Native UI

Canvas

Events

Location

Bluetooth

Audio

Camera

Hybrid Web Approach

Your App

Native Code

Platform

Services

Canvas

Events

Location

Bluetooth

Audio

Camera

WebViews

Bridge

Native Bridge Approach

Your App

Native Code

Platform

Services

Canvas

Events

Location

Bluetooth

Audio

Camera

Bridge

Native UI

     The Dart Side

Dart is a client-optimized language for fast apps on any platform

https://dart.dev/

    Optimized for UI

• Mature and complete async-await
• Spread Operator (...)
• Collection If
• Easy to learn
• Sound null-safety

    Fast on all                        Platforms   

• Compile to native machine code for mobile
• Target web with fast, mature compilers
• Write app and server code with a single programming language

Try it with DartPad

Growth: Github Stars

https://star-history.t9t.io/#flutter/flutter&facebook/react-native&xamarin/xamarin.forms

Growth: Stack Overflow

http://sotagtrends.com/?tags=[react-native,flutter,xamarin]&relative=true

Flutter Showcase

Summary

• Complete control over the rendering stack
• Build reactive views with no bridge
• Fast, pleasant developer experience w/ hot-reload
• Performant, predictable UI
• Target multiple platforms w/ one codebase
• Awesome, growing community

Flutter Resources

https://medium.com/flutter-community

https://medium.com/flutter

https://fluttercommunity.dev/joinslack

https://www.reddit.com/r/FlutterDev

https://flutter.dev

Flutter Playlist

http://stackoverflow.com/tags/flutter

Questions?