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.