Criando apps com React Native

Atualmente criar o mesmo app nativo para cada plataforma é uma tarefa árdua, onde na maioria das empresas tem um time focado em cada plataforma, não reutilizando o código. React-native veio com a proposta de tornar esse processo mais fácil, nos permitindo a reutilização de código entre as plataformas para no final gerar um app funcional nativo tanto para iOS como para Android.

Transcript

1. Criando apps com React Native @weslley_neri weslley39
2. Desenvolver apps atualmente 1 - Ciclo de desenvolvimento “lento” 2 - Equipes separadas por plataforma 3 - API’s distintas para fazer as mesmas coisas
3. Solução WebViews Ionic
5. Mas pq não ? 1 - Performance baixa 2 - Experiência do usuário inferior 3 - Funcionalidades nativas limitadas
6. Porque preferimos apps nativos? ๏ Melhor experiencia para o usuário ๏ Complexidade de gestos e animações ๏ Consistencia com a plataforma
7. Desenvolver apps nativos é difícil ๏ Diferentes tecnologias
 Linguagem, Ferramentas, Bibliotecas, Gerenciamento de memória, etc ๏ Sem compartilhamento de código ๏ Baixa interação no desenvolvimento
8. React native
9. Write Once Run Everywhere
10. Write Once Run Everywhere
11. Diferentes plataformas exigem experiências de usuário diferentes
12. Learn Once Run Everywhere
13. O que é react native?
14. Framework para criar apps nativos com react
15. Criado pelo facebook
16. Quem esta usando ? Facebook Discovery VR SoundCloud BdsDiet Bitt Wallet Calor
17. UI funcional baseado em componentes Front-end em javascript (ES6, NPM, Css, Flexbox) Layout com JSX Backend nativo (UIKit, Network, Storage, Location)
18. CSS
19. Componentes
21. API’s nativas
22. Como funciona?
23. Como funciona? ๏ React native deixa você descrever a UI ๏ React native manipula como renderizar o conteúdo ๏ Dispõe de componentes reutilizáveis que compilam diretamente para componentes nativos da plataforma ๏ Tudo que você precisa saber é como usar os componentes disponíveis
24. Desenvolver apps nativos agora é mais fácil ๏ Diferentes tecnologias ๏ Baixo compartilhamento de código ๏ Baixa interação no desenvolvimento ๏ HTML/CSS/Javascript ๏ Reutilização de código ๏ Atualização instantânea de alterações com Hot reload
25. Nada de webviews
26. Não confunda nativo com híbrido
27. Por onde começar?
28. Como criar um projeto?
30. Como iniciar o app ?
34. https://github.com/weslley39/github-notetaker-mobile
35. Obrigado