React JS em 5 minutos

Postado em 21 de setembro de 2020

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.