Projeto em React - Cinetag

Descrição

Este projeto envolve o desenvolvimento de uma aplicação utilizando React. O foco foi construir uma interface de usuário dinâmica, utilizando componentes, rotas e hooks do React.

Aprendizados

1. Iniciando um Projeto React

Aprendi a iniciar um projeto em React, utilizando ferramentas como Create React App, que facilitam a configuração inicial do ambiente de desenvolvimento.

2. Construção de Componentes e Páginas

Desenvolvi componentes reutilizáveis e páginas, permitindo a criação de uma interface organizada, facilitando a manutenção e o reaproveitamento de código.

3. Implementação de Rotas

Implementei rotas normais, dinâmicas e aninhadas utilizando a biblioteca React Router.

4. Aplicação de Hooks

Utilizei os hooks do React, como:

• useState: Para gerenciar estados locais nos componentes.
• useParams: Para acessar parâmetros dinâmicos nas rotas.
• useEffect: Para realizar efeitos colaterais, como chamadas de API e manipulações de DOM.
• useContext: Para compartilhar dados entre componentes sem precisar passar props manualmente.

5. Contextos do React

Entendi como funcionam os contextos do React, que permitem compartilhar dados entre componentes sem a necessidade de passar props de forma manual.

6. Consumo de API

Aprendi a consumir uma API dentro do projeto, utilizando o fetch. Isso permitiu que a aplicação se comunicasse com um servidor externo e exibisse dados dinâmicos para os usuários.

Tecnologias Utilizadas

• React
• React Router
• JavaScript
• HTML/CSS