Hoje apresentamos a você a primeira parte da tradução
deste grande material. Ele é dedicado a uma análise detalhada dos novos recursos do React que aparecem nesta biblioteca desde a versão 16. O autor deste material está envolvido na programação há 5 anos. No passado, ele era um designer e se experimentou como ilustrador. Ele incluiu quadrinhos no artigo, que, na sua opinião, ajudará os leitores a entender melhor o que está sendo discutido.
No original, este artigo é intitulado "Reintroduzindo o React: todas as atualizações do React desde a v16 desmistificadas". O título sugere que o leitor, talvez já familiarizado com o React, seja convidado a conhecer esta biblioteca novamente. Esta reintrodução ao React o ajudará a otimizar o que ele já sabe e descobrir algo novo.
Como ler este material?
Antes de ler este artigo, você pode baixar o
e-book , que é distribuído gratuitamente. Ele representa o mesmo material, projetado como um arquivo PDF independente, Epub ou Mobi. O livro fornece exemplos de código com destaque de sintaxe. Talvez seja mais conveniente ler o material e trabalhar o código em paralelo, com base no livro. Além disso, é recomendável que você use
este repositório. Você pode encontrar o código dos exemplos discutidos aqui.
Para quem e por que esse material foi escrito?
Eu escrevi meu primeiro aplicativo React há cerca de 4 anos. Desde então, os princípios fundamentais do React não mudaram. À nossa frente está o mesmo código declarativo e os mesmos componentes. Tudo isso é bom, mas a maneira como os aplicativos modernos do React são escritos é diferente do que era antes. Ao longo dos anos, muitas coisas novas apareceram no React e parte dessa biblioteca foi removida.
Se você estudou o React por um longo tempo, é bem possível que você não seja particularmente versado nos novos recursos desta biblioteca. Além disso, mesmo quem segue as inovações pode muito bem "se perder" nelas, por assim dizer. Como consertar a situação, percebendo que o antigo precisa ser descartado e qual do novo deve ser aceito? Como você destaca os recursos modernos do React que podem ser particularmente úteis?
Até eu, um programador experiente, às vezes me perco, se necessário, para esquecer algo antigo e aprender algo novo. Pode parecer tão difícil quanto aprender algum conceito completamente novo.
Se você também sente algo assim, espero que meu trabalho possa ajudá-lo a colocar tudo em seu devido lugar.
O mesmo pode ser dito daqueles que começaram a aprender a reagir.
Por aí, há muitas informações desatualizadas. Se você aprender a reagir com algumas publicações bastante antigas, certamente poderá dominar o básico. No entanto, no desenvolvimento moderno do React, existem muitos novos recursos interessantes que merecem sua atenção. É melhor aprender sobre esses recursos o mais rápido possível, em vez de tentar esquecer os métodos de trabalho antigos mais tarde e aprender novos.
De fato, aqui analisaremos em detalhes tudo o que apareceu no React 16+.
O que há de novo no React 16+?
À primeira vista, pode parecer que no React, após o lançamento da versão 16, não tenham sido feitas tantas alterações. Mas, na realidade, não é assim. Aqui está o que vamos falar:
- Novos métodos de ciclo de vida de componentes.
- Gerenciamento de estado simplificado usando a API de contexto.
- A propriedade contextType e os recursos da API de contexto.
- Aplicação Profiler: diagramas, análise de interação.
- Carregamento lento de materiais usando React.lazy e Suspense.
- Uma versão funcional dos componentes baseados no PureComponent criados usando o React.memo.
- Simplifique os aplicativos React usando ganchos.
- Padrões avançados de design de aplicativos React baseados em gancho.
Cada item desta lista é apresentado como uma seção grande separada. A primeira seção se concentra nas novas técnicas de ciclo de vida dos componentes.
Caros leitores! Agora estamos pensando em traduzir a continuação
deste material. Se o tópico React-development estiver próximo de você, nós convidamos você a votar e comentar.
