React JS em 5 minutos

Tópicos abordados no vídeo

Inicializando Um Projeto

  • Formas de inicializar um projeto.
  • Biblioteca create-react-app.

Como é renderizado

  • Arquivo index.js e index.html.
  • Componente Principal.
  • ReactDOM.

Componentes

  • O que é um componente (definição geral).
  • O que é um componente no React.

JSX

  • Diferenças de sintaxe com o html.
  • Como inserir variáveis dentro do código jsx.

Exemplo Componente

  • Criação de um componente.
  • Listagem de componentes com o map.

Propriedades

  • O que é uma propriedade.
  • Passando propriedades pelo componente pai.
  • Acessando as propriedades com o objeto props.

Estados

  • O que é um estado.
  • Como usar o hook useState.
  • Exemplo prático de utilização do estado.

Virtual DOM

  • O que é o virtual dom.
  • Como funciona o virtual dom.

Ciclo de vida

  • O que é o ciclo de vida de um componente.
  • Como usar o useEffect.
  • Passando gatilhos no useEffect.

Context api

  • Oque é o context api.
  • Para que serve o context api.
  • Criando um contexto.
  • Usando o provider do contexto.
  • Acessando dados do contexto através do hook useContext.