Trabalhando com props

Entre para ter acesso à essa aula

Entrar

Cadastre-se gratuitamente

Nesta aula, aprendemos sobre a criação de componentes em React.

Em React, compomentes são utilizados para criar elementos dinâmicos. Mostramos como criar um componente básico.

Ensinamos como passar propriedades para os componentes e como utilizá-las em casos mais complexos, utilizando o recurso JavaScript "Spread Operator".

Por fim, criamos um componente com várias propriedades, mostrando a importância de tornar o código mais legível e economizar propriedades.

- 1. Introdução
  11:45
- 2. Instalando o React (create-react-app)
  14:41
- 3. Entendendo o JSX
  13:04
- 4. Criando componentes no React
  13:29
- 5. Trabalhando com props
  12:00
- 6. Curso de React: Inserindo CSS no React (CSS modules)
  11:53
- 7. Utilizando React fragments
  08:54
- 8. Avançando em props
  08:38
- 9. Curso React: Eventos no React (onClick, onChange e onSubmit)
  10:35
- 10. useState na prática
  10:15
- 11. Passar eventos por props
  09:42
- 12. Renderização condicional (if)
  11:56
- 13. Renderização de listas
  11:20
- 14. State Lift
  11:15
- 15. Implementando o React Router
  14:33
- 16. React Icons
  07:48
- 17. Apresentação do projeto do curso
  04:38
- 18. Criando o projeto do curso
  09:23
- 19. Estruturando o projeto
  15:39
- 20. Navbar e footer
  17:02
- 21. Criando a home
  09:48
- 22. Página para o formulário de projeto
  08:29
- 23. Componentização de formulário
  16:39
- 24. Conectando com API pelo React
  12:26
- 25. Inserindo dados no banco via API
  18:07
- 26. Mensagens do Sistema
  14:21
- 27. Criando Dashboard
  07:43
- 28. Resgatando projetos do banco de dados
  19:35
- 29. Criando componente de loader
  08:16
- 30. Removendo projetos
  08:38
- 31. Página de edição de dados
  08:23
- 32. Exibindo detalhes do projeto
  15:21
- 33. Atualização do projeto
  12:11
- 34. Criando área de serviços
  08:12
- 35. Adicionando novos serviços
  19:49
- 36. Exibindo os serviços
  10:46
- 37. Removendo serviços
  07:39
- 38. Conclusão do curso
  06:03
- 39. Ajustando o projeto para o React Router
  07:33
- 40. React Router 6: como atualizar e novos recursos
  12:47
- 41. Crie seu primeiro projeto em React
  01:44:06
- 42. Projeto de filmes com REACT e API (REACT ROUTER, REACT HOOKS)
  01:14:55
- 43. Projeto de React e Sass para o seu portifólio
  01:08:11
- 44. Crie um Quiz com React.js - Projeto de React para iniciantes
  01:18:23
- 45. REACT.JS E AXIOS
  53:05
- 46. Formulario multistep com React
  01:12:47
- 47. Cinco erros de iniciantes no React
  20:23
- 48. Projeto com React e TypeScript
  56:58
- 49. Projeto de contagem regressiva com React
  34:25
- 50. React Router: O guia completo para navegação em aplicativos React
  25:10
- 51. Como usar o useContext para compartilhar dados - SIMPLIFICANDO OS HOOKS DO REACT
  20:37
- 52. Como pegar valor de input com React JS
  09:40
- Emitir certificado