- O que é o React Native?
- História
- Vantangens do React Native
Voltar para o site
React Native - Desenvolvimento de aplicativos mobile
Aprenda a desenvolver apps performáticos com o ecossistema React usando componentes reutilizáveis e boas práticas.
- Crie aplicativos nativos para iOS e Android escrevendo JavaScript
- Monte telas com componentes estilizados, Flexbox e navegação por abas e menu lateral
- Consuma APIs e integre o aplicativo ao banco de dados do Firebase
Conheça o conteúdo
Sobre o livro
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.
Competências práticas
Tudo o que você vai aprender
Configure o ambiente com Expo e rode o aplicativo no celular e no navegador
Entenda como o React Native funciona por trás e crie seus primeiros componentes
Estilize com CSS-in-JS, separando estilos internos, externos e genéricos
Construa layouts com Flexbox: direção, alinhamento, quebra e crescimento dos elementos
Use renderização condicional para mostrar telas diferentes conforme o estado
Trabalhe com estados, eventos e componentes controlados e não controlados
Faça requisições AJAX e consuma APIs entendendo o ciclo de vida dos componentes
Implemente navegação por menu lateral, por links e por abas com o React Navigation
Integre o aplicativo ao banco de dados do Firebase
Simplifique seus componentes com os Hooks de estado e de reducer
Estrutura do conteúdo
Como o livro está dividido
12 partes e 44 tópicos. Clique em uma parte para ver o que ela cobre.
- Explorando o Expo
- Instalando e usando o Expo
- Expo na Web
- Funcionamento do React
- Entendendo o arquivo App.js
- Componentes
- Criando um componente e importando no App.js
- Acessando as propriedades do componente
- Propriedades em componentes de classe
- Aplicando estilos
- Utilizando arquivo externo
- Estilos internos ao componente
- Classes CSS
- Separando estilos genéricos - padrão
- Altura e largura (height e width)
- Contêineres e elementos flex
- Flex Direction
- Justify Content
- Align Items
- Flex-wrap
- Flex-grow
- Flex-shrink
- Flex-basis
- Verificando se o número é par ou ímpar
- Renderização condicional com função
- Conhecendo os estados
- Usando as informações dos estados
- Atualizando o estado (componentes controlados)
- Componentes controlados X não controlados
- Ciclo de vida dos componentes
- AJAX
- React Navigation
- Navegação por Menu Lateral
- Navegação por Links
- Navegação por abas
- Configuração
- Aplicativo
- Integração
- O que são os Hooks?
- Hook de Estado (State Hook)
- Hook de Reducer (Reducer Hook)
Diferenciais únicos
Por que este livro é diferente?
Ambiente pronto em minutos
A configuração é feita com o Expo, que evita a instalação pesada de SDKs e deixa você rodar o aplicativo no seu celular logo no começo.
Do componente à navegação
O caminho é contínuo: primeiro componente, estilos, layout com Flexbox, estado, requisições e só então navegação entre telas.
Com back-end de verdade
Um capítulo inteiro integra o aplicativo ao Firebase, para você sair com um app que lê e grava dados, não apenas com telas estáticas.
Para quem é este livro
Quem aproveita melhor este conteúdo
Desenvolvedores web indo para o mobile
Quem já trabalha com HTML, CSS e JavaScript e quer aproveitar esse conhecimento para criar aplicativos sem aprender Swift ou Kotlin.
Quem conhece React
Desenvolvedores familiarizados com componentes e estado que querem entender o que muda ao levar o React para o celular.
Estudantes de tecnologia
Quem precisa entregar um aplicativo mobile como projeto e quer um caminho completo, da instalação à integração com banco de dados.
Quem escreveu
Sobre o autor
FAQ
Perguntas frequentes
Reuni aqui as dúvidas que mais recebo sobre este livro, do conteúdo à entrega. Clique em uma pergunta para ver a resposta.
Ajuda, mas não é obrigatório. O livro dedica capítulos ao funcionamento do React, a componentes, propriedades e estados antes de avançar para os recursos específicos do React Native.
Para acompanhar o livro, não. O ambiente é montado com o Expo, que roda o aplicativo no seu próprio celular e também no navegador, sem depender do ecossistema da Apple.
É. O React Native converte o código em componentes nativos de cada plataforma, em vez de exibir uma página web dentro de um aplicativo. É por isso que o resultado tem o comportamento e o desempenho de um app nativo.
Cobre. Há um capítulo sobre requisições e consumo de APIs, com o ciclo de vida dos componentes, e outro sobre integração com o banco de dados do Firebase.
Continua. O livro trabalha com Expo, React Navigation e Hooks, que seguem sendo a forma recomendada de construir aplicativos. As bibliotecas ganham versões novas, mas os conceitos de componente, estado, navegação e consumo de API não mudaram.
No repositório oficial do livro no GitHub, aberto e gratuito. Dá para acompanhar a leitura com o projeto ao lado e comparar o seu código com o de referência.
O livro usa a sintaxe moderna do JavaScript o tempo todo: arrow functions, desestruturamento, módulos, classes e promises. Se esses nomes não são familiares, vale passar antes pelo meu livro de ECMAScript 6.
Os dois. A Casa do Código publica a versão impressa e a digital, e o ebook vem em PDF, EPUB e MOBI — dá para ler no computador, no tablet ou no Kindle.
Informações adicionais
Detalhes do livro
ISBN
978-65-86110-09-8
Páginas
189
Continue lendo
Outros livros que escrevi
NOVOLógica de Programação com Python
SQL Fundamental para Analistas de Dados
Mais vendidoECMAScript 6 - Entrando de cabeça no futuro do JavaScript
Construct 2 - Crie o seu primeiro jogo multiplataforma
Invista no seu futuro
Garanta acesso imediato
Preço e formas de pagamento diretamente na página da editora.