O documento descreve como criar aplicativos nativos para Android e iOS usando React Native e Javascript. Apresenta os benefícios de usar React Native, como renderização nativa, desempenho e combinação de componentes React e nativos. Explica que o código é semelhante ao React para web e permite compartilhamento de experiência entre front-end web e mobile.

1. Criando apps nativos com React
e Javascript

2. Quem sou eu
Rodolfo Bueno
30 anos
Cientista da Computação - UNIP GO
Esp. Gestão e Qualidade de Software
Desenvolvedor: 9+ anos
Líder Técnico: 4+ anos
Atualmente trabalho na TOTVS Goiânia.
Corredor de rua: 2+ anos
Futuro maratonista ! =]
Casado “por um acaso do destino” com uma
fisioterapeuta: 2+ anos

3. React Native
O React Native é um projeto criado pelos engenheiros do
Facebook, que consiste em uma série de ferramentas que
viabilizam a criação de aplicações móveis nativas para a
plataforma iOS e Android utilizando Javascript.

4. React Native
Código aberto e mantido por várias pessoas
e empresas.
https://github.com/facebook/react-native

5. Benefícios
Escrito em Javascript e renderizado nativamente
Um grande diferencial comparado com tecnologias híbridas (Ionic):
- Não existe um browser rodando sua aplicação (webview).
- Você poderá ter ganhos na performance do app.
Possibilidade de combinar os componentes React com os nativos.
Componentização
Escreveu, salvou, visualizou. (Hot reloading)

6. É a mesma coisa do React ?
Não.
O código produzido é muito semelhante ao React para web, ou seja toda a
experiência adquirida em um poderá ser compartilhada com o outro. Mundo
Front-end Web e Mobile de mãos dadas. Maior produtividade garantida.

7. Quem está usando ?
https://facebook.github.io/react-native/showcase
In 2018, React Native had the 2nd highest number of contributors for any repository in GitHub.

8. Mãos na massa
- Criar um projeto novo utilizando o Expo
- Rodando o projeto em um emulador
- Alterações em tempo real
- Entregando código sem publicação na loja com codepush

9. Novo projeto
https://facebook.github.io/react-native/docs/getting-started

10. Tela inicial

11. Criando input com estilização

12. Guardando valor do input e criando botão para visualizar o digitado

13. Transformando o input em um componente

14. Transformando o input em um componente

15. Codepush
É uma solução criada pela Microsoft que permite a atualização de pedaços de código
feitos em Javascript sem que seja necessária uma nova publicação na loja.
Obs:
- Alterações em códigos nativos tem que passar pelo processo tradicional de atualização.
- As lojas permitem o uso de ferramenta desde que suas alterações não sejam muito drásticas. Ex: Mudar toda a forma de
navegação do aplicativo.
Para exemplo de utilização consultar minha palestra realizada na Campus Party GO 2019:
https://pt.slideshare.net/rodolfox109/realizando-entregas-contnuas-para-seu-app-com-continuas-codepush

16. Obrigado.
Vamos manter o contato ? Me adicionem no IG, Linkedin ou me envie um e-mail =]
E-mail: rodolfo.bueno13@gmail.com
Instagram: @buenorodolfo
Linkedin: https://www.linkedin.com/in/rodolfobueno/