React - Dominando Componentes
Faz parte das formações: Desenvolvedor React
Instituição: TreinaWeb
Descrição
Quais os pré-requisitos para esse curso?
Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.
React - Introdução - 100%
JavaScript Avançado - 100%
JavaScript Intermediário - 100%
JavaScript Básico - 100%
HTML5 e CSS3 - Desenvolvimento web Básico - 100%
Sobre
React é uma biblioteca criada pelo Facebook para criar elementos de interface reutilizáveis de forma simples, rápida, intuitiva e com ótima performance. Com o React é possível criar tanto aplicações web quanto aplicativos mobile nativos.
Com ele você pode reaproveitar elementos em qualquer projeto ou integrar seu código a outros já existentes.
O React é uma das bibliotecas JavaScript mais utilizadas, e várias startups e gigantes o utilizam, como Facebook, Instagram, Whatsapp, Twitter, Netflix, Uber, PayPal, Spotify, etc.
Tudo isso faz com que o React seja um dos requisitos mais pedidos no mercado de trabalho, e mesmo assim ainda é difícil encontrar pessoas que o dominem completamente.
Neste curso nós iremos nos aprofundar na criação de componentes com React e a utilizar a React Developer Tools.
Ao fim deste curso você já estará dominando a criação avançada de componentes.
Conhecimentos adquiridos
Neste curso mostraremos tudo o que você precisa aprender para criar componentes com React. São vídeo aulas e apostilas que mostram como utilizar e criar estes elementos disponíveis no React. Também serão passados exercícios para que você possa fixar, praticar e aplicar o conteúdo aprendido durante o curso.
Dentre várias outras coisas, você verá:
- Como criar componentes com funções e classes;
- Trabalhar com propriedades e estados;
- Eventos e Ciclos de Vida do Componente;
- Listas de Elementos e Keys;
- Fragments;
- Acessando elementos com Refs;
- Portals;
- Context;
- React Developer Tools.
Para quem é esse curso?
Esse curso é destinado a desenvolvedores que possuam pelo menos um conhecimento básico de React e desejam melhorar seus conhecimentos na criação de componentes.
Para melhor aproveitamento do curso, é necessário um conhecimento intermediário de JavaScript e HTML.
Ementa
1 - Apresentação
Apresentação do curso Duração: 00:00:38
Códigos do Curso Duração: 00:01:54
Repositório do Curso
Preparando o Ambiente
2 - Criando componentes
Apresentação Duração: 00:00:09
O que são Componentes?
Criando Componentes com Funções Duração: 00:04:09
Criando Componentes com Classes Duração: 00:01:51
Acessando Componentes de Objetos e Selecionando Componentes Duração: 00:03:20
Projeto: Componentes da aplicação Duração: 00:10:02
Resumo
Questionário 3 questões
3 - Propriedades e Estados
Apresentação Duração: 00:00:08
Propriedades Duração: 00:04:33
Propriedades e Operador Spread Duração: 00:03:47
Estados Duração: 00:08:40
Projeto: Propriedades e Estados dos Componentes Duração: 00:06:47
Resumo
Questionário 3 questões
4 - Eventos e Ciclo de Vida dos Componentes
Apresentação Duração: 00:00:08
Trabalhando com Eventos Duração: 00:04:30
Escopo e Bind Duração: 00:06:55
Passando Parâmetros Duração: 00:01:49
O problema com alguns eventos de elementos Duração: 00:03:08
Ciclo de Vida dos Componentes Duração: 00:04:04
Métodos do Ciclo de Vida
Projeto: Eventos Duração: 00:09:18
Resumo
Questionário 3 questões
5 - Listas de Elementos e Fragmentos
Apresentação Duração: 00:00:20
Listando Elementos Duração: 00:03:20
Iterando elementos com “Array.prototype.map()” Duração: 00:05:14
Keys Duração: 00:04:42
Parâmetros de Funções Duração: 00:02:11
Entendendo o Diffing Algorithm
Fragmentos Duração: 00:07:19
Projeto: Listas de Elementos Duração: 00:02:34
Resumo
Questionário 3 questões
6 - Aninhamento - Elementos Pai e Filho
Apresentação Duração: 00:00:12
O que são Elementos Filhos?
Acessando Elementos Filhos - props.children Duração: 00:04:21
Propriedades Duração: 00:04:51
Eventos Duração: 00:10:04
Criando Referências - Refs Duração: 00:07:04
Quando usar Refs?
Comunicação entre componentes - Event Emitters Duração: 00:08:20
Capturando Erros dos Filhos - componentDidCatch() Duração: 00:07:59
Projeto: Comunicação entre Componentes Duração: 00:10:13
Resumo
Questionário 3 questões
7 - Portais
Apresentação Duração: 00:00:09
O que são Portais?
Criando Portais Duração: 00:11:10
Projeto: Alterando o vídeo de lugar Duração: 00:15:39
Resumo
Questionário 3 questões
8 - Contextos - Compartilhando Dados
Apresentação Duração: 00:00:18
O que é Contexto (Context)?
Quando Usar Contextos?
Compartilhando Dados Duração: 00:05:47
Resumo
Questionário 3 questões
9 - React Developer Tools
Apresentação Duração: 00:00:11
React DevTools
Instalando a React Devtools
Abrindo a React DevTools nos navegadores
Abrindo a React DevTools do Node.js Duração: 00:02:20
Conhecendo a React DevTools Duração: 00:02:40
Resumo
10 - Conclusão
Conclusão
Data de Início: 28 de Fevereiro de 2022
Data de Conclusão: 17 de Março de 2022
Carga Horária: 12,0
Categorias: Front-end