Introdução ao React #1. O que é o React?
Duração:
05:15min
Descrição:
Neste vídeo, veremos uma breve introdução sobre o que é o React e listaremos alguns motivos para estudar React.
Introdução ao React
Sobre as aulas
Introdução ao React #2. O React e o ReactDOM.
Duração:
08:39min
Descrição:
Nesta aula iremos ver a função das duas bibliotecas que compõe o React: React e ReactDOM.
Introdução ao React #3. Elementos React.
Duração:
09:54min
Descrição:
Neste vídeo iremos ver em maiores detalhes os elementos React.
Introdução ao React #4. Atualizando o DOM.
Duração:
06:54min
Descrição:
Neste vídeo veremos como o React faz a atualização do DOM, comparando a árvore de elementos virtuais antiga com a árvore de elementos virtuais nova.
Introdução ao React #5. JSX.
Duração:
08:20min
Descrição:
Neste vídeo falaremos sobre o JSX, uma sintaxe que mistura html e JavaScript para criar elementos React.
Introdução ao React #6. Babel.
Duração:
10:17min
Descrição:
Neste vídeo iremos utilizar a biblioteca Babel para transformar JSX em JavaScript.
Introdução ao React #7. Componentes React.
Duração:
08:55min
Descrição:
Nesta aula veremos sobre o conceito de componentes React.
Introdução ao React #8. Create-React-App.
Duração:
11:01min
Descrição:
Nesta aula veremos como utilizamos o módulo Create-React-App para criar uma nova aplicação React.
Introdução ao React #9. Componentes funcionais.
Duração:
07:04min
Descrição:
Nesta aula iremos aprender sobre componentes funcionais, como importamos e exportamos tais componentes.
Introdução ao React #10. Componentes tipo classe.
Duração:
05:28min
Descrição:
Neste vídeo iremos aprender sobre componentes tipo classe (Class Components).
Introdução ao React #11. Componentes, JavaScript e JSX.
Duração:
10:30min
Descrição:
Neste vídeo veremos a relação entre componentes React, JavaScript e JSX.
Introdução ao React #12. Props.
Duração:
09:46min
Descrição:
Neste vídeo veremos como utilizar props para customizar componentes.
Introdução ao React #13. Arrays.
Duração:
08:13min
Descrição:
Nesta aula iremos ver como utilizar arrays em React, e veremos também o professor inventando um acento na palavra item, que não tem acento.
Introdução ao React #14. Usando estados.
Duração:
08:36min
Descrição:
Nesta aula veremos a utilização de estados em componentes tipo classe.
Introdução ao React #15. Binding.
Duração:
04:16min
Descrição:
Nesta aula veremos a necessidade de fazer a ligação entre funções dentro de uma classe e a classe.
Introdução ao React #16. setState 1/2.
Duração:
07:54min
Descrição:
Nesta aula, veremos melhor sobre o funcionamento do método setState.
Introdução ao React #17. setState 2/2.
Duração:
05:14min
Descrição:
Nesta aula iremos continuar a entender como utilizamos o método setState para alterar o estado de um componente React do tipo classe.
Introdução ao React #18. useState.
Duração:
08:44min
Descrição:
Nesta aula, veremos como utilizar o hook useState para trabalhar com estados em componentes funcionais.
Introdução ao React #19. useState novamente.
Duração:
06:12min
Descrição:
Nesta aula, continuaremos a ver como utilizar o hook useState para utilizar estados em componentes funcionais.
Introdução ao React #20. Objetos JavaScript como estados.
Duração:
08:29min
Descrição:
Nesta vídeo iremos ver como trabalhamos com objetos JavaScript como variáveis de estado em componentes funcionais.
Introdução ao React #21. A sintaxe do espalhamento (spread)
Duração:
05:33min
Descrição:
Neste vídeo veremos como utilizar a sintaxe do espalhamento para atualizar variáveis de estado que são objetos JavaScript.
Introdução ao React #22. Desestruturando props.
Duração:
04:58min
Descrição:
Nesta aula veremos sobre o método de desestruturação em JavaScript e como podemos utilizá-lo para desestruturar props em componentes React.
Introdução ao React #23. Eventos em React.
Duração:
07:54min
Descrição:
Nesta aula veremos como utilizar eventos em React.
Introdução ao React #24. Funções arrow em React.
Duração:
06:50min
Descrição:
Neste vídeo, praticaremos utilizar funções arrow no ambiente do React.
Introdução ao React #25. Enviando funções como props.
Duração:
04:45min
Descrição:
Neste vídeo, veremos como podemos enviar funções como props, de forma que os componentes filhos possam enviar informações para os componentes pais.