Aprender React pode parecer desafiador no início, especialmente quando você não tem certeza de como começar ou se encontra encarando um editor de código vazio. Mas o curso certo pode ajudá-lo a entender os conceitos fundamentais e ajudá-lo a adquirir experiência prática construindo projetos do mundo real.

Acabamos de publicar um curso no canal do YouTube freeCodeCamp.org que ensina React moderno da maneira mais envolvente e prática possível. Criado por Bob Ziroll da Scrimba, este curso está repleto de mais de 170 desafios de codificação e seis projetos empolgantes. Ao final, você terá as habilidades e confiança para desenvolver aplicações React que resolvem problemas do mundo real. O curso anterior de React de Bob é uma das maneiras mais populares de aprender React e ele atualizou completamente este curso para ensinar todos os novos conceitos do React.

O Que Você Vai Aprender Neste Curso

O curso é estruturado em seis seções abrangentes, começando com o básico e avançando gradualmente para conceitos mais complexos:

  1. Conceitos Básicos do React
    Aprofunde-se nos fundamentos do React, incluindo JSX, componentes, props, estado e os princípios do design declarativo e componível do React. Seu primeiro projeto, ReactFacts, é uma introdução simples e divertida à construção de componentes funcionais e aplicação de estilos.

  2. Projeto de Diário de Viagem
    Aprenda a criar componentes reutilizáveis e trabalhar com props. Você usará a função .map() do JavaScript para renderizar dinamicamente um diário de viagem, tornando-o funcional e visualmente atraente.

  3. Projeto Chef Claude
    Explore o gerenciamento de estado e formulários enquanto constrói um aplicativo de receitas. Você praticará o tratamento de eventos, renderização condicional e gerenciamento de estados complexos com arrays e objetos. Ao final desta seção, você terá um entendimento profundo de como lidar com interações do usuário no React.

  4. Projeto Gerador de Memes
    Busque dados de APIs e utilize os hooks useState e useEffect do React. Você criará um gerador de memes que carrega e personaliza dinamicamente imagens de memes, proporcionando experiência com busca de dados e componentes controlados.

  5. Jogo de Tenzies
    Construa um jogo de rolagem de dados que permite aos usuários rolar, segurar e combinar dados para vencer. Este projeto é ótimo para praticar estilização de componentes, lógica condicional e mecânicas de jogo no React.

  6. Projeto Final do Assembly
    Termine o curso com um jogo de adivinhação de palavras que desafia sua capacidade de planejar e implementar recursos mais avançados, incluindo melhorias de acessibilidade, compartilhamento de estado e componentes de UI interativos.

O curso se encerra com dicas e ferramentas para turbinar seu ambiente de desenvolvimento, incluindo extensões do VS Code e ferramentas de desenvolvedor do React que otimizam a depuração e a produtividade.

Conclusão

Pronto para dar o primeiro passo no mundo do React moderno? Confira o curso no canal do YouTube do freeCodeCamp.org (16 horas de vídeo).