Conteúdo

O React Native é um framework desenvolvido pelo Facebook e baseado na biblioteca React. Ele consiste em uma série de ferramentas que viabilizam a criação de aplicações mobile nativas — para as plataformas iOS e Android — utilizando internamente as tecnologias básicas do front-end: HTML, CSS e JavaScript. Ao contrário de outros frameworks semelhantes, o React Native converte todo o código desenvolvido para a linguagem nativa do sistema operacional do seu aparelho, ou seja, podemos criar somente um código e ele rodará em qualquer sistema operacional.

Neste livro, Bruna Escudelario e Diego Pinho vão desde os primeiros passos com React Native até o desenvolvimento de aplicações que consomem serviços na internet (APIs). No meio deste percurso, você vai aproveitar e estudar o funcionamento da biblioteca React para web, afinal, todos os conceitos trabalhados nela também são usados aqui. Você verá o que é o JSX e como criar um componente das mais diversas formas, quais são as principais dependências, o que são propriedades e estados, estilos por meio do Flexbox e CSS, navegação de telas, quais são as principais funções do ciclo de vida de um componente, como passar informações de um componente para outro, consumir serviços da internet e atualizar os componentes com as respostas, até chegar à última grande novidade do React 16, os Hooks. Este livro foi estruturado de modo que os tópicos se complementem e se tornem gradativamente mais complexos ao decorrer da leitura, mas sempre apoiados por códigos contextualizados em casos de usos reais, seguindo as boas práticas adotadas pelo mercado e pela comunidade desenvolvedora.

Edição atualizada em 08/2021.

Nesta atualização, os autores revelam as novidades da nova versão do Expo, framework que dá suporte ao desenvolvimento com React Native. Dentre as suas novas funcionalidades, agora o Expo conta com um visualizador web fantástico, o que dispensa o uso de emuladores e torna tudo mais fácil. Além disso, a forma de escrever código em React mudou e nesta atualização os autores mostram quais as técnicas, boas práticas e os padrões que estão sendo usados atualmente no mercado.

Saiba o que você vai aprender

Sumário

• 1 História do desenvolvimento do React Native
• 1.1 O que é o React Native?
• 1.2 História
• 1.3 Vantangens do React Native
• 1.4 O que vem por aí

• 2 Instalação e configurações iniciais
• 2.1 Explorando o Expo
• 2.2 Instalando e usando o Expo
• 2.3 Expo na Web

• 3 Funcionamento do React Native
• 3.1 Funcionamento do React
• 3.2 Entendendo o arquivo App.js
• 3.3 Componentes

• 4 Criando os primeiros componentes
• 4.1 Criando um componente e importando no App.js
• 4.2 Acessando as propriedades do componente
• 4.3 Propriedades em componentes de classe

• 5 Componentes estilizados (CSS-in-JS)
• 5.1 Aplicando estilos
• 5.2 Utilizando arquivo externo
• 5.3 Estilos internos ao componente
• 5.4 Classes CSS
• 5.5 Separando estilos genéricos - padrão

• 6 O básico de layouts com o Flexbox
• 6.1 Altura e largura (height e width)
• 6.2 Contêineres e elementos flex
• 6.3 Flex Direction
• 6.4 Justify Content
• 6.5 Align Items
• 6.6 Flex-wrap
• 6.7 Flex-grow
• 6.8 Flex-shrink
• 6.9 Flex-basis

• 7 Renderização Condicional
• 7.1 Verificando se o número é par ou ímpar
• 7.2 Renderização condicional com função

• 8 State, eventos e componentes controlados e não controlados
• 8.1 Conhecendo os estados
• 8.2 Usando as informações dos estados
• 8.3 Atualizando o estado (componentes controlados)
• 8.4 Componentes controlados X não controlados

• 9 Requisições AJAX e APIs
• 9.1 Ciclo de vida dos componentes
• 9.2 AJAX

• 10 Navegação
• 10.1 React Navigation
• 10.2 Navegação por Menu Lateral
• 10.3 Navegação por Links
• 10.4 Navegação por abas

• 11 Integração com o banco de dados do Firebase
• 11.1 Configuração
• 11.2 Aplicativo
• 11.3 Integração

• 12 Trabalhando com Hooks
• 12.1 O que são os Hooks?
• 12.2 Hook de Estado (State Hook)
• 12.3 Hook de Reducer (Reducer Hook)

• 13 O futuro do React Native

• 14 Referências