Introdução ao React

Introdução ao React

Sobre as aulas

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 #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.