Nesse projeto, você será capaz de:
- Ler o estado de um componente e usá-lo para alterar o que exibimos no browser
- Inicializar um componente, dando a ele um estado pré-definido
- Atualizar o estado de um componente
- Capturar eventos utilizando a sintaxe do React
- Criar formulários utilizando sintaxe JSX com as tags :
input,textarea,select,form - Transmitir informações de componentes filhos para componentes pais via callbacks
- Requisitos do projeto
- 1 - Crie um componente chamado
<SearchBar /> - 2 - Renderize um formulário dentro de
<SearchBar /> - 3 - Renderize um input do tipo texto dentro do formulário em
<SearchBar /> - 4 - Renderize um input do tipo checkbox dentro do formulário em
<SearchBar /> - 5 - Renderize um select dentro do formulário em
<SearchBar /> - 6 - Crie um componente chamado
<AddMovie /> - 7 - Renderize um formulário dentro de
<AddMovie /> - 8 - Renderize um input do tipo texto dentro do formulário em
<AddMovie />para obter o tĂtulo do novo filme - 9 - Renderize um input do tipo texto dentro do formulário em
<AddMovie />para obter o subtĂtulo do novo filme - 10 - Renderize um input do tipo texto dentro do formulário em
<AddMovie />para obter o caminho da imagem do novo filme - 11 - Renderize uma
textareadentro do formulário em<AddMovie />para obter a sinopse do novo filme - 12 - Renderize um
inputdo tiponumberdentro do formulário em<AddMovie />para obter a avaliação do novo filme - 13 - Renderize um
selectdo formulário em<AddMovie />para selecionar o gênero do novo filme - 14 - Renderize um botão do formulário em
<AddMovie />para fazer uso dos dados do novo filme, contidos no estado de<AddMovie /> - 15 - Crie um componente chamado
<MovieLibrary /> - 16 - Configure o estado inicial do componente
<MovieLibrary /> - 17 - Renderize
<SearchBar />dentro de<MovieLibrary /> - 18 - Renderize
<MovieList />dentro de<MovieLibrary /> - 19 - Renderize
<AddMovie />dentro de<MovieLibrary /> - 20 - Adicione proptypes a todos os componentes
- 1 - Crie um componente chamado
