React Fluente
Crie aplicações web rápidas, eficazes e intuitivas
Descrição do livro
Quando se trata de criar interfaces de usuário na web, o React permite aos desenvolvedores web fornecer uma experiência de desenvolvedor realmente excepcional por meio de abstrações declarativas.
Este livro prático o ajudará a se aprofundar nos conceitos básicos dessa biblioteca JavaScript, incluindo a sintaxe JSX e padrões avançados, o virtual DOM, a reconciliação do React e técnicas de otimização avançadas. Tornando-se fluente no React, você aprenderá rapidamente a criar aplicações web melhores.
O autor Tejas Kumar o ajudará a explorar os detalhes do React em linguagem simples, sem o típico jargão da engenharia de software, assim você entenderá com mais facilidade como essa biblioteca JavaScript funciona internamente. Entendendo como o React funciona, você ganhará habilidades que lhe permitirão escrever um código React intuitivo que englobe todas as nuances e camadas do React, possibilitando um novo nível de fluência.
Com este livro, você poderá:
• Entender como o React funciona em um nível mais profundo
• Escrever aplicações React e otimizá-las ao mesmo tempo
• Criar aplicações React resilientes que funcionem bem em escala arbitrária
• Saber quando procurar mecanismos diferentes expostos pelo React, como os redutores versus o estado versus as refs
Ver menos ▲Sumário
- Apresentação
- Prefácio
- Capítulo 1 Tópicos de nível básico
- Por que o React é tão bom?
- O mundo antes do React
- jQuery
- Backbone
- KnockoutJS
- AngularJS
- Chega o React
- Proposta de valor do React
- Lançando o React
- Arquitetura Flux
- Benefícios da arquitetura Flux
- Conclusão: Então… por que o React é tão bom?
- Revisão do capítulo
- Perguntas da revisão
- O que vem a seguir
- Capítulo 2 JSX
- JavaScript XML?
- Benefícios do JSX
- Desvantagens do JSX
- Em segundo plano
- Como o código funciona?
- Estendendo a sintaxe JavaScript com o JSX
- Pragma JSX
- Expressões
- Revisão do capítulo
- Perguntas da revisão
- O que vem a seguir
- Capítulo 3 Virtual DOM
- Introdução ao virtual DOM
- DOM real
- Armadilhas do DOM real
- Fragmentos de documento
- Como o virtual DOM funciona
- Elementos React
- Virtual DOM versus DOM real
- Atualizações eficientes
- Revisão do capítulo
- Perguntas da revisão
- O que vem a seguir
- Capítulo 4 Dentro da reconciliação
- Entendendo a reconciliação
- Agrupamento (batching)
- Como era feito
- Reconcilador de pilha (legado)
- Reconciliador Fiber
- Fiber como estrutura de dados
- Buffer duplo
- Reconciliação Fiber
- Revisão do capítulo
- Perguntas da revisão
- O que vem a seguir
- Capítulo 5 Perguntas comuns e padrões poderosos
- Memoização com o React memo
- Familiarizando-se com o React memo
- Componentes memoizados que continuam sendo renderizados
- Essa é uma diretriz, não uma regra
- Memoização com useMemo
- useMemo pode ser prejudicial
- Esqueça tudo
- Carregamento preguiçoso
- Maior controle da UI com o Suspense
- useState versus useReducer
- Immer e a ergonomia
- Padrões poderosos
- Componentes de apresentação/de contêiner
- Componente de ordem superior
- Render Props
- Control Props
- Prop Collections
- Componentes compostos (compound components)
- Redutor de estado (State Reducer)
- Revisão do capítulo
- Perguntas da revisão
- O que vem a seguir
- Memoização com o React memo
- Capítulo 6 React no lado do servidor
- Limitações da renderização no lado do cliente
- SEO
- Desempenho
- Segurança
- Surgimento da renderização no servidor
- Benefícios da renderização no servidor
- Hidratação
- A hidratação é considerada prejudicial
- Criando a renderização no servidor
- lado do cliente
- Hidratando
- APIs do React para renderização no servidor
- renderToString
- renderToPipeableStream
- renderToReadableStream
- Quando usar cada uma
- Não crie sua própria implementação
- Revisão do capítulo
- Perguntas da revisão
- O que vem a seguir
- Limitações da renderização no lado do cliente
- Capítulo 7 React concorrente
- O problema da renderização síncrona
- Revisitando o Fiber
- Agendando e adiando atualizações
- Examinando com detalhes
- Agendador
- Lanes de renderização
- Como as lanes de renderização funcionam
- Processando Lanes
- Fase de commit
- useTransition
- Exemplo simples
- Exemplo avançado: Navegação
- Examinando com detalhes
- useDeferredValue
- Finalidade de useDeferredValue
- Quando usar useDeferredValue
- Quando não usar useDeferredValue
- Problemas da renderização concorrente
- Tearing
- Revisão do capítulo
- Perguntas da revisão
- O que vem a seguir
- Capítulo 8 Frameworks
- Por que precisamos de um framework
- Renderização no servidor
- Roteamento
- Busca de dados
- Benefícios de usar um framework
- Desvantagens de usar um framework
- Frameworks React populares
- Remix
- Next js
- Escolhendo um framework
- Entendendo as necessidades de seu projeto
- Next js
- Remix
- Fazendo escolhas
- Experiência do desenvolvedor
- Desempenho de runtime
- Revisão do capítulo
- Perguntas da revisão
- O que vem a seguir
- Por que precisamos de um framework
- Capítulo 9 React Server Components
- Benefícios
- Renderização no servidor
- Em segundo plano
- Fazendo atualizações
- Nuances
- Regras dos componentes de servidor
- O mais importante é podermos serializar
- Sem hooks com efeitos
- O estado é diferente
- Componentes de cliente não podem importar componentes de servidor
- Os componentes de cliente não são ruins
- Ações de servidor
- Formulários e mutações
- Fora dos formulários
- O futuro dos React Server Components
- Revisão do capítulo
- Perguntas da revisão
- O que vem a seguir
- Capítulo 10 Alternativas ao React
- Vue js
- Sinais
- Simplicidade
- Angular
- Detecção de mudanças
- Sinais
- Svelte
- Runas
- Solid
- Qwik
- Padrões comuns
- Arquitetura baseada em componentes
- Sintaxe declarativa
- Atualizações
- Métodos de ciclo de vida
- Ecossistema e ferramentas
- O React não é reativo
- Exemplo 2: Valores dependentes
- Futuro do React
- React Forget
- Revisão do capítulo
- Perguntas da revisão
- O que vem a seguir
- Vue js
- Capítulo 11 Conclusão
- Lições
- Nossa linha do tempo
- Os mecanismos por trás da mágica
- Aventuras avançadas
- Ficando atualizado
- Índice remissivo
Sobre o autor
Tejas Kumar escreve códigos React desde 2014 e participou de várias conferências, workshops e palestras sobre o tópico. Com sua vasta experiência nos stacks tecnológicos de diversas startups, Tejas desenvolveu um conhecimento profundo dos conceitos-chave do React e gosta de usar isso para encorajar, preparar e capacitar outras pessoas a fim de… Ver perfil completo ▶
Livros relacionados
