Globalcode – Open4education

Android e Kotlin – Flutter vs React NativeLuiz Henrique dos AnjosDesenvolvedor na Contabilizei

Graduando em Análise e Desenvolvimento de Sistemas na UFPR

Globalcode – Open4education

Sobre o Palestrante• Desenvolvedor há 8 anos• Entusiasta de Android• Pai de José Henrique

Globalcode – Open4education

Agenda• Formas de desenvolver apps• Frameworks multiplataforma• React Native• Flutter• Comparação

Globalcode – Open4education

Desenvolvimento de apps• Web / PWA• Webview empacotada• SDKs oficiais• Frameworks multiplataforma

Globalcode – Open4education

Frameworks multiplataforma• Compartilhamento de código• Experiência nativa

Globalcode – Open4education

React Native

• Aberto em 2015• JavaScript• Gera apps nativos• Bridge

Globalcode – Open4education

React Native

Globalcode – Open4education

Flutter

• Apresentado em 2017• "Production ready" em

2018• 1.0 lançada ontem• Dart• Gera apps nativos• Platform channels

Globalcode – Open4education

Flutter

Globalcode – Open4education

Linguagem

https://facebook.github.io/react-native/docs/tutorial.html#hello-world

Globalcode – Open4education

Linguagem

https://flutter.io/docs/get-started/codelab#step-1-create-the-starter-flutter-app

Globalcode – Open4education

Linguagem

Globalcode – Open4education

Flutter é o React Native da Google?

Globalcode – Open4education

Arquitetura do React Native

https://www.cleveroad.com/blog/flutter-vs-react-native-choosing-the-best-framework-for-cross-platform-mobile-development

Globalcode – Open4education

Arquitetura do Flutter

https://www.cleveroad.com/blog/flutter-vs-react-native-choosing-the-best-framework-for-cross-platform-mobile-development

Globalcode – Open4education

Comparação das Arquiteturas

https://www.cleveroad.com/blog/flutter-vs-react-native-choosing-the-best-framework-for-cross-platform-mobile-development

Globalcode – Open4education

Flutter vs React Native• Componentes dentro do APK• Linguagem menos popular*• Comunidade menor• Sem planos para build para web

*https://insights.stackoverflow.com/survey/2018/#technology

Globalcode – Open4education

Flutter vs React Native• Builds para Windows, Linux, MacOS e Web no

roadmap• Android Studio e VS Code suportados• Docs para quem vem de: iOS, Android, Web, React Native e

Xamarin• Desempenho• Novos componentes em versões antigas do Android

Globalcode – Open4education

Dúvidas e Discussão