Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase...

20
Cross Platform Apps with Flutter Faisal Abid [email protected] || @FaisalAbid

Transcript of Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase...

Page 1: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

Cross PlatformApps with Flutter

Faisal Abid

[email protected] || @FaisalAbid

Page 2: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

Cross Platform?I’ve heard that before!

And I’ve been BURNED🔥🔥🔥🔥🔥

Page 3: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

Who am I?

● Google Developer Expert ● Co-Founder at dydx.dev - API Observability & Monitoring

Page 4: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

The storyWhere did Flutter come from?

Page 5: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

Flutter ● 60 FPS Native Android & iOS

● Not a WEBVIEW

● Fast, Beautiful, Natural

Page 6: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

DemoHello World

Page 7: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

Skia Dart VM Engine

Mojo

Services

Animation Painting

Rendering

Widgets

Material

Gestures

Shell(C++)

Framework(Dart)

Page 8: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

Why Flutter?

● Tight integrated development environment

● One codebase targeting both platforms

● Faster platform iterations. Bug fixes + more

● Easy to talk to native platforms if needed

Page 9: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

One CodebaseMultiple Platforms

Page 10: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

DemoTrace - Crypto App

https://github.com/trentpiercy/trace

Page 11: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

Future FlutterWeb & Desktop Platforms

Page 12: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

DemoGithub Viz

Page 13: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

Does Flutter support X?Native Integrations

Page 14: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

Does Flutter support X?Native Integrations

Page 15: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

Flutter for Android Developersflutter.io/docs/get-started/flutter-for/android-devs

Page 16: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

Flutter for iOS Developersflutter.io/docs/get-started/flutter-for/ios-devs

Page 17: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

Flutter for Web Developersflutter.io/docs/get-started/flutter-for/web-devs

Page 18: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

DemoReflectly

Page 19: Apps with Flutter Cross PlatformWhy Flutter? Tight integrated development environment One codebase targeting both platforms Faster platform iterations. Bug fixes + more Easy to talk

Q & AAnd other chit-chat