Flutter Overview (Google I/O 2018)

by Rui Kowase

Slide 1

Slide 1 text

Flutter Overview (Google I/O 2018) Rui Kowase @rkowase 2018/05/17 Google I/O 2018 わいわい報告会

Slide 2

Slide 2 text

Profile ● Name: Rui Kowase / 小和瀬塁 ● Account: @rkowase Skill: Flutter, Android, etc...

Slide 3

Slide 3 text

What’s Flutter Flutter makes it easy and fast to build beautiful mobile apps. https://github.com/flutter/flutter

Slide 4

Slide 4 text

Dart 2 ● A client-optimized language ● Rich & powerful frameworks ● Delightful & flexible tooling https://www.dartlang.org/

Slide 5

Slide 5 text

Google I/O sessions 2 Sessions 6 Sessions x3 https://events.google.com/io/schedule/?section=may-8&topic=flutter&type=sessions

Slide 6

Slide 6 text

Flutter sessions ● Flutter & Design ○ Customize Material Components for your product ○ Build great Material Design products across platforms ○ Code beautiful UI with Flutter and Material Design ● Flutter & Firebase ○ Total mobile development made fun with Flutter and Firebase ○ Add Firebase to your cross-platform React Native or Flutter app ● Flutter ○ Build reactive mobile apps with Flutter https://events.google.com/io/schedule/?section=may-8&topic=flutter&type=sessions

Slide 7

Slide 7 text

Ready for Production Apps: Flutter Beta 3 https://developers.googleblog.com/2018/05/ready-for-production-apps-flutter-beta-3.html ● Flutter offers ○ High-velocity development ○ Expressive and flexible designs ○ High-quality experiences ● Roadmap to Release ○ Performance and size ○ Compatibility ○ Ecosystem

Slide 8

Slide 8 text

What’s New in Flutter Beta 3 https://medium.com/flutter-io/flutter-beta-3-7d88125245dc ● Fundamentals ○ Material Design Widget ○ Dart 2 ● Ecosystem ○ Firebase ○ AdMob ● Tooling ○ Android Studio ○ IntelliJ IDE ○ VS Code

Slide 9

Slide 9 text

Material Components Support Android (1.0.0-alpha1) iOS (55.0.2) Web (0.35.1) Flutter (Beta 3) Color theme components 8 / 16 12 / 16 9 / 16 16 / 16 Type theme components 7 / 10 9 / 10 5 / 10 10 / 10 Expanded set of components 1 / 3 2 / 3 0 / 3 3 / 3 Shape parameter 0 / 2 2 / 2 2 / 2 2 / 2 https://github.com/material-components/material-components/blob/develop/ROADMAP.md

Slide 10

Slide 10 text

Material Design Flutter

Slide 11

Slide 11 text

Firebasde Integration https://www.youtube.com/watch?v=8wQ_MorYCEk

Slide 12

Slide 12 text

Getting started with Firebase and Flutter https://firebase.google.com/docs/flutter/setup

Slide 13

Slide 13 text

Build reactive mobile apps with Flutter https://www.youtube.com/watch?v=RS36gBEp8OI

Slide 14

Slide 14 text

Summary ● Material Design Flutter ● Firebase Flutter ● Reactive Framework ⚡