3 Ferramentas essenciais para o React que você precisa conhecer
19 Ferramentas essenciais para o React. O ecossistema React evoluiu para uma lista crescente de ferramentas e bibliotecas de desenvolvimento. A abundância de ferramentas é um verdadeiro testemunho da popularidade do React.
Para os desenvolvedores, pode ser um exercício estonteante navegar por esse labirinto que muda a uma velocidade muito rápida. Para lhe ajudar em relação a isso fiz uma compilação com 19 ferramentas essenciais para o React, abaixo está essa lista com as 19 ferramentas essenciais para o react, técnicas e habilidades.
01 - Hooks
Embora não seja estritamente uma ferramenta, qualquer desenvolvedor que trabalhe com o React em 2020 precisa estar familiarizado com os Hooks. Esta é uma nova adição ao React a partir da versão 16.8, que desbloqueia recursos úteis em componentes de função. Por exemplo, o hook useState permite que um componente de função tenha seu próprio estado, enquanto useEffect permite que você execute efeitos colaterais após a renderização inicial - por exemplo, manipular o DOM ou a obtenção de dados. Os hooks podem ser usados para replicar métodos de ciclo de vida em componentes funcionais e permitir que você compartilhe código entre componentes.
Os seguintes hooks básicos estão disponíveis
- useState : para mutação de estado em um componente de função sem métodos de ciclo de vida;
- useEffect : para executar funções pós-renderização, útil para disparar solicitações Ajax;
- useContext : para acessar dados de contexto do componente, mesmo fora dos props do componente
Vantagens
Mitiga a complexidade do gerenciamento de estado;
Suporta componentes de função;
Incentiva a separação de responsabilidades
Desvantagens
- A troca de dados de contexto pode aumentar a carga cognitiva da aplicação
02 - Componentes de Função
Com o advento dos Hooks, os componentes de função - uma forma declarativa de criar marcação JSX sem usar uma classe - estão se tornando mais populares do que nunca. Eles abraçam o paradigma funcional porque não gerenciam o estado nos métodos de ciclo de vida. Isso enfatiza o foco na marcação da IU sem muita lógica. Como o componente depende de adereços, ele se torna mais fácil de testar. Os adereços têm uma relação de um para um com a saída renderizada. Sem dúvidas das 19 Ferramentas essenciais para o React é uma que considero mais importante.
Vantagens
- Concentra-se na IU;
- Componente testável;
- Menos carga cognitiva.
Desvantagem
- Sem métodos de ciclo de vida
03 - Create React App
O Create React é a ferramenta essencial para iniciar um novo projeto React. Ele gerencia todas as dependências do React por meio de um único pacote npm. Chega de lidar com Babel, webpack e etc.
Basta um comando para configurar um ambiente de desenvolvimento local, com suporte React, JSX e ES6. Mas isso não é tudo. O Create React também oferece recarregamento de módulo dinâmico (suas alterações são refletidas imediatamente no navegador durante o desenvolvimento), linting automático de código, um executor de teste e um script de construção para agrupar JS, CSS e imagens para produção.
Vantagens
- Fácil de começar;
- Fácil de atualizar;
- Única meta
Desvantagens
- Sem renderização do lado do servidor, mas permite a integração