- Nesse projeto vamos utilizar o React é um dos frameworks e bibliotecas de JavaScript mais usados. O React permite que você crie uma interface de usuário que pode ser encontrada e acessada em diversos motores de busca.
O React busca facilitar a conexão entre diferentes partes de uma página, portanto seu funcionamento acontece através do que chamamos de componentes.
Em outras palavras, podemos imaginar que o React divide uma tela em diversos componentes para, então, trabalhar sobre eles de maneira individual. Os componentes são utilizados para reaproveitamento de código e padronização de interface.
Isso torna o React uma tecnologia muito flexível para a solução de problemas e para a construção de interfaces reutilizáveis, uma vez que cada um destes componentes pode ser manipulado de maneira distinta.
O que deve ser feito:
Nesse projeto, usaremos o React para implementar melhorias no projeto em que consumimos dados em formato JSON. Iremos consumir uma API, que são um conjunto de padrões que fazem parte de uma interface. As APIs permitem a criação de plataformas de maneira mais simples e prática para desenvolvedores.
Por meio da API The Movie Database - TMDB você encontrará a lista definitiva dos métodos atualmente disponíveis de filme, tv, ator e imagem.
-
Usar o React é obrigatorio para esse projeto, você pode criar o seu projeto com o
npx create-react-app nome-do-seu-app -
Use o endpoint de Filmes populares, e a partir desses dados uma interface gráfica de maneira organizada e estilizada, como o exemplo abaixo:
-
Utilize o método global fetch() que fornece uma maneira fácil e lógica para buscar recursos de forma assíncrona através da rede.
-
Utilize o setState, é o método de API fornecido com a biblioteca de modo que o usuário possa definir e manipular states com o passar do tempo.
- Variáveis e constantes
- Uso de comandos de git:
git addgit commitgit pullgit push - Gerenciamento de repositorios de GitHub (clone e fork)
- HTML semântico.
- Seletores de CSS.
- Uso de seletores de DOM.
- Gerenciamento de eventos de DOM.
- O projeto será feito individualmente.
- O projeto deverá ser entregue subindo o seu código no GitHub (commit/push) em seguida o link do repositório deverá ser enviado na atividade na plataforma da Campinho Digital.
- Usar React aplicando conceitos de componentização.