Introdução ao React - Exercício

Caso não lembre como funciona o processo de entrega, clique aqui

O que você precisa saber e praticar desta aula?

  1. Criar aplicações React e utilizar JSX;
  2. Alterar CSS em aplicações React;
  3. Adicionar JavaScript para vincular os dados ao JSX

Como eu vou executar os exercícios?

Queremos que vocês percebam que o React facilita o desenvolvimento de sites. Para isto, vocês farão a página inicial do LabeTube a partir de um código pronto que enviaremos pra vocês. A ideia é pegar este código pronto, que não está em React, e transformá-lo em código React. Tentem reparar as diferenças e até elencar algumas vantagens do resultado final - depois que ele estiver totalmente transferido para o React - em relação ao código enviado.

Aviso importante

Sabemos que o React muda bastante coisa neste começo, e é natural que algumas confusões sejam geradas. Portanto, recomendamos que veja este vídeo aqui. Ele retoma o que foi visto em aula, e pode servir como referência futura para você.

Mais instruções para a execução dos exercícios

Na pasta LabeTube-Vanilla está o layout da página do LabeTube que disponibilizaremos em código HTML e CSS puro para você. Em cada um dos arquivos .md está a descrição do exercício.

Informações úteis sobre o assunto:

Começando no React - ReactJS

Nova documentação do React | ReactJS

Introduzindo JSX | ReactJS