Você sabia que ao assinar um plano você terá acesso a TODOS os cursos do portal?
São mais de 4.000 horas de conteúdo, distribuídos em mais de 350 cursos completos!

Curso de React - Dominando Componentes

Aprenda a trabalhar com componentes no React.

Veja uma aula de exemplo

Plano de acesso Anual

economize R$360
de 12x de R$97
por: 12x de R$67
ou R$ 804,00 à vista
  • 1 ano de acesso completo a todos os cursos e formações da plataforma.
Conheça os nossos planos de acesso total aos cursos
  • Conteúdo + de 4.000 horas de conteúdo
  • Conteúdo + de 200.000 alunos capacitados
  • Conteúdo + de 12 anos de experiência em EAD
  • Conteúdo cursos novos toda quarta-feira
Quero conhecer os planos

Sobre o curso

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.

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.

  • Curso com 3h12 horas de vídeos
  • Curso com certificado de 12 horas
  • Curso com 21 exercícios de fixação
Ambiente do Curso
Node.js
Google Chrome
Visual Studio Code
Metodologia
Videoaulas
Texto e imagens
Início imediato
Exemplos práticos
Testes de aprendizado

Conteúdo Programático

Baixar esta ementa
1 - Apresentação
Apresentação do curso Visualizar
Códigos do Curso
Repositório do Curso
Preparando o Ambiente
2 - Criando componentes
Apresentação
O que são Componentes? Visualizar
Criando Componentes com Funções Visualizar
Criando Componentes com Classes
Acessando Componentes de Objetos e Selecionando Componentes
Projeto: Componentes da aplicação
Resumo
Exercícios
3 - Propriedades e Estados
Apresentação
Propriedades Visualizar
Propriedades e Operador Spread
Estados
Projeto: Propriedades e Estados dos Componentes
Resumo
Exercícios
4 - Eventos e Ciclo de Vida dos Componentes
Apresentação
Trabalhando com Eventos Visualizar
Escopo e Bind
Passando Parâmetros
O problema com alguns eventos de elementos
Ciclo de Vida dos Componentes
Métodos do Ciclo de Vida
Projeto: Eventos
Resumo
Exercícios
5 - Listas de Elementos e Fragmentos
Apresentação
Listando Elementos
Iterando elementos com “Array.prototype.map()”
Keys
Parâmetros de Funções
Entendendo o Diffing Algorithm
Fragmentos
Projeto: Listas de Elementos
Resumo
Exercícios
6 - Aninhamento - Elementos Pai e Filho
Apresentação
O que são Elementos Filhos?
Acessando Elementos Filhos - props.children
Propriedades
Eventos
Criando Referências - Refs
Quando usar Refs?
Comunicação entre componentes - Event Emitters
Capturando Erros dos Filhos - componentDidCatch()
Projeto: Comunicação entre Componentes
Resumo
Exercícios
7 - Portais
Apresentação
O que são Portais?
Criando Portais
Projeto: Alterando o vídeo de lugar
Resumo
Exercícios
8 - Contextos - Compartilhando Dados
Apresentação
O que é Contexto (Context)?
Quando Usar Contextos?
Compartilhando Dados
Resumo
Exercícios
9 - React Developer Tools
Apresentação
React DevTools
Instalando a React Devtools
Abrindo a React DevTools nos navegadores
Abrindo a React DevTools do Node.js
Conhecendo a React DevTools
Resumo
10 - Conclusão
Conclusão
Depoimento

Cursos Relacionados

Últimos lançamentos

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da platarforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Plano de acesso Anual

economize R$360
de 12x de R$97
por: 12x de R$67
ou R$ 804,00 à vista
  • 1 ano de acesso a todos os cursos
  • Plano de carreira personalizado
  • Cursos novos toda semana
  • Certificados digitais inclusos
  • Suporte direto com professores
  • Suporte com SLA de 4 horas úteis
  • Aplicativos para Android e iOS
  • Acesso offline através dos apps

Utilizada e amada por milhares!

Confira os depoimentos de quem já estudou com a gente

  • O instrutor é excelente! Vai direto ao ponto nas explicações, sem deixar de lado os detalhes importantes. Perfeito!
    Emilio Celso (São Paulo - SP) React - Dominando Componentes Emilio Celso
  • Muito bom, trabalho diariamente com anúncios do Facebook em minha empresa, e esse curso me ajudou a esclarecer algumas dúvidas que eu tinha em relação a ferramenta. Grato pelo conhecimento!
    Vinicius Furtado (Porto Alegre - RS) Facebook Ads - Como anunciar, monitorar e potencializar suas campanhas Vinicius Furtado
  • O padrão da TreinaWeb e o padrão desse instrutor é altíssimo. Já havia feito o curso de Asp.Net MVC Avançado aqui e com ele, e cada dia o nível sobe mais. Parabéns à TreinaWeb e parabéns a esse excelente instrutor!!! Carlos Alberto dos Santos
    Carlos Alberto (Rio de Janeiro - RJ) C# (C Sharp) - Introdução ao ASP.NET Core Carlos Alberto
  • Excelente curso e apoio do suporte. Nunca fiquei sem respostas. A equipe sempre tem muito boa vontade de ajudar. É o segundo curso que estou concluindo e já comprei mais alguns, pois gostei muito da qualidade e recomendo pois vale à pena.
    Jairo Franco (Salvador - BA) Android - Intermediário Jairo Franco
  • O curso é bem explicado e possui ilustrações que facilitarão quem ainda não está familiarizado com sistemas de controle de versão.
    Edvin Markstein (São Paulo - SP) Git e GitHub - Controle de versão Edvin Markstein
  • Estou muito satisfeito com o treinamento oferecido neste curso de Adobe Premier Pro CC, agora é só por em prática todos os ensinamentos, valeu treinaweb...
    William Nunes (Borborema - SP) Adobe Premiere Pro CC 2015 - Completo William Nunes
  • Curso ótimo , a complexidade está aumentando , mas não é nada difícil de ser acompanhado.Estou adorando fazer o curso !!!
    Raphael Veríssimo (Presidente Prudente - SP) Algoritmos - Parte 1 Raphael Veríssimo
  • O curso tem uma grande quantidade de conteúdo, o que acaba tornando ele longo. Porém tudo é muito bem explicado e com vários exemplos para fixar o conteúdo, do jeito que eu gosto. A didática do professor é muito boa. Parabéns!
    Daian Sganderlla (Blumenau - SC) Projeto de Banco de dados - Fundamentos Daian Sganderlla
  • Excelente curso, passou todos os detalhes básicos sobre o CSS de forma clara e precisa. Ao terminar o curso , o aluno já está apto a criar sites básicos com um layout agradável.
    Ítalo Costa (MOMBAÇA - CE) HTML5 e CSS3 - Desenvolvimento web Básico Ítalo Costa
Veja mais opiniões reais

Garantia incondicional
de satisfação

Satisfação Garantida - 7 dias ou seu dinheiro de volta!

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!

Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

Ou seja, a partir do momento em que você fizer sua inscrição, você terá acesso às mais 4.000 horas de curso, com os melhores profissionais do mercado, com uma metodologia inovadora... e se mesmo assim você não gostar, você pode pedir o seu dinheiro de volta em até 7 dias.

Imagine se tudo na vida viesse com uma garantia como essa.

Matricule-se Agora!

FAQ - Perguntas Frequentes

Confira as principais dúvidas de quem
procura a TreinaWeb para se capacitar.

  • A TreinaWeb é a única escola online de tecnologia com mais de 12 anos de história. É a maior do segmento, com mais de 4.000 horas de conteúdo em cursos online. Além disso, cerca de 200.000 alunos já estudaram e estudam por aqui. Entre muitas outras coisas, a TreinaWeb oferece:
    • Formações completas e com foco no mercado de trabalho.
    • Formação personalizada e individual, criada por um professor orientador.
    • Cursos novos e atualizações pontuais toda semana.
    • Opção de estudar no seu tempo, a qualquer hora e lugar.
    • Suporte incluso com professores especialistas.
    • Certificados dos cursos com hora/aula.
    • Satisfação garantida ou seu dinheiro de volta!

  • SIM! Com toda a certeza! Pois oferecemos cursos partindo exatamente do zero. Inclusive temos cursos de Lógica de Programação, que é onde você vai ver todo o fundamento por trás das linguagens. Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores especialistas irão te acompanhar. E você está atrás dos cursos de edição de vídeo, design e marketing digital, claro que você também não precisa saber nada sobre programação.

  • Nossa metodologia une o que há de melhor no ensino de tecnologia à distância: videoaulas, apostilas, exercícios de fixação, testes de conhecimento e passo a passo de projetos completos. Aprenda de verdade com cursos completos de programação, edição de vídeo, design e marketing digital.

  • No instante que sua compra for aprovada, automaticamente você ganhará o acesso a nossa área do aluno, onde poderá escolher os cursos que irá fazer. Caso, por qualquer motivo, você não consiga acessar de imediato, basta entrar em contato que nós te ajudaremos! Você poderá assistir de qualquer lugar: Do computador, notebook, tablet, smartv ou smartphone.

  • Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste! Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

  • A TreinaWeb é para quem:
    • Quer entrar no ramo digital com o pé direito;
    • É programador e quer ir para um outro nível;
    • Já programa e quer ampliar o nível e estudar outras linguagens;
    • É um programador avançado e tem TreinaWeb um aliado para novas tecnologias e tendências;
    • Busca profissionalizar-se em uma área em pleno crescimento;
    • Ama design e sabe que aqui estão os melhores cursos da área;
    • Quer aprender a fazer e editar os seus próprios vídeos;
    • Sonha em ser um Videomaker profissional.

  • 100% Segura. Todo o processo de compra possui certificado SSL. Nenhuma informação do seu cartão de crédito é mantida em nosso banco de dados. E assim que aprovada a sua compra/matrícula, você receberá imediatamente todos os dados de acesso à sua área de aluno e as aulas.

  • Sim e esse é um dos diferenciais da TreinaWeb. Oferecemos total suporte com professores especialistas. Nossa equipe de instrutores está sempre pronta para te ajudar e tirar todas as suas dúvidas. Além disso, Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores irão te acompanhar e te orientar.

  • Todos os nossos cursos online de programação, design e edição de vídeo contam com certificados. Um certificado novo será disponibilizado na área de aluno, sempre que você concluir um novo curso. Com o seu nome e horas/curso. Lembrando, que estes certificados podem ser utilizados para cumprir cargas horárias de cursos extras em faculdades.

Tenho outra(s) dúvida(s)

Últimos Lançamentos

Outros Cursos