Durante o curso, tive a oportunidade de mergulhar no mundo do React, um dos frameworks JavaScript mais populares para o desenvolvimento front-end. O curso abrangeu uma ampla gama de tópicos, desde conceitos fundamentais até aspectos mais avançados, me permitindo construir aplicações modernas e eficientes. Aqui estão alguns dos principais tópicos que explorei durante o curso:
-
Conceitos Básicos do React: Comecei com uma base sólida, estudando componentes, props e JSX. Isso me deu uma compreensão fundamental de como o React funciona.
-
Hooks do React: Me aprofundei nos principais hooks do React, incluindo useState, useEffect, useCallback, useMemo, useRef, useContext, useImperativeHandle e useLayoutEffect. Esses hooks foram fundamentais para a criação de componentes interativos e reativos.
-
React Router: Aprendi a utilizar o React Router para criar o sistema de roteamento dos componentes, permitindo a navegação entre diferentes partes da aplicação.
-
Requisições Assíncronas para APIs: Explorei como fazer requisições a APIs externas e lidar com dados assíncronos usando Fetch API, async/await e promises, tornando minhas aplicações capazes de buscar e exibir informações dinâmicas.
-
Context API: Utilizei a Context API do React para gerenciar estados globalmente em minha aplicação, facilitando o compartilhamento de dados entre componentes.
Ao longo do curso, desenvolvi cinco projetos significativos que consolidaram meu aprendizado:
-
1. Secret Word: Criei um jogo de adivinhar palavras com base em dicas e no número de letras da palavra. Isso me permitiu aplicar o hook useState em diversas situações e compreender a estrutura de componentes no React.
-
2. MiniBlog: Desenvolvi um pequeno blog com funcionalidade de postagem. Esse projeto envolveu autenticação e back-end com Firebase, aumentando meu conhecimento e desafiando minha lógica de programação.
-
3. ReactGram: Construí uma réplica da rede social Instagram, completa com funcionalidades de postagem, curtidas e comentários. Este projeto exigiu um nível de complexidade maior, pois foi necessária a criação de um back-end usando Express e MongoDB, além de utilizar o Redux Toolkit para gerenciamento de estados.
-
4. Lista de Tarefas: Realizei esse projeto "bônus" com React e TypeScript, aprendendo os conceitos básicos de TypeScript e sua integração com o React.
-
5. MoviesLib: Criei um catálogo de filmes com React, expandindo minhas habilidades no consumo de APIs.
Esse curso foi uma jornada incrível que, sem dúvida, me forneceu uma base sólida no React. Compreendi os conceitos fundamentais e avançados que agora me permitem criar aplicações eficientes, componentizadas e organizadas. Esse é apenas o começo da minha jornada com esse framework.