Fale com a gente no WhatsApp Fale com a gente no WhatsApp
Fale com a gente no WhatsApp

Curso de React - Tópicos Avançados

Conheça os recursos avançados do React

Nível Avançado Categoria Desenvolvimento Front-end

  • Curso com 03h14 de vídeos
  • Certificado com 12 horas
  • 18 exercícios

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 em assuntos mais avançados como Lazy Loading, Internacionalização, Renderização no Servidor, Testes, Tipagem, Animações e Roteamento.

Ao fim deste curso você já estará dominando o desenvolvimento de grandes aplicações com React

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 em assuntos mais avançados como Lazy Loading, Internacionalização, Renderização no Servidor, Testes, Tipagem, Animações e Roteamento.

Ao fim deste curso você já estará dominando o desenvolvimento de grandes aplicações com React

O que irá aprender?

Neste curso mostraremos os recursos avançados do React. São vídeo aulas e apostilas que mostram como utilizar e criar animações, carregamento sob demanda, testes e internacionalização. 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á:

  • Animações;
  • React Router;
  • Code Splitting;
  • Carregamento sob demanda (Lazy Loading);
  • Tipagem com Flow;
  • Testes com Enzyme;
  • Renderização no Servidor com Electrode;
  • Internacionalização com React Intl.

Pra quem é esse curso?

Este curso é destinado àqueles que já tenham um conhecimento de React e queiram adquirir conhecimentos mais avançados sobre a ferramenta.

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.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato
  • Testes de aprendizado

Ambiente do curso

  • Node.js
  • Google Chrome
  • Visual Studio Code

Sobre o professor

Akira Hanashiro

Akira Hanashiro

Professor especialista em Desenvolvimento Front-end na TreinaWeb. Akira, Felipe, Hana, Hanashiro ou Hanakira, é graduado em Análise e Desenvolvimento de Sistemas, pós-graduado em Projetos e Desenvolvimento de Aplicações Web e MBA em Machine Learning, é entusiasta no desenvolvimento de jogos e multi-task. Fala japonês fluente, mas não tem com quem conversar.

Conteúdo programático

  1. Apresentação

    Apresentação do Curso

    4 aulas
    • Apresentação do curso
    • Códigos do Curso
    • Repositório do Curso
    • Preparando o Ambiente
  2. Animações

    Aprenda a criar animações com React

    10 aulas
    • Apresentação
    • Animações com Classes CSS
    • React Transition Group
    • Transition
    • CSS Transition
    • Transition Group
    • Projeto: Componentes da Aplicação
    • Projeto: Adicionando Animações
    • Resumo
    • Questionário
  3. React Router

    Gerencie e exiba múltiplas Views em suas aplicações

    11 aulas
    • Apresentação
    • React Router
    • Começando com o React Router
    • Parâmetros na URL
    • Evitando mudar de View
    • Aninhamento de Rotas
    • Renderizando apenas um componente com Switch
    • Utilizando Hooks do React Router
    • Projeto: Telas da Aplicação
    • Resumo
    • Questionário
  4. Code Splitting e Lazy Loading

    Aprenda a dividir seu código em vários arquivos ao prepará-lo para produção e carregar certos arquivos apenas quando necessário

    9 aulas
    • Apresentação
    • O que é Code Splitting e Lazy Loading?
    • Imports dinâmicos com React.lazy
    • Carregando com Suspense
    • React.lazy e React Router
    • Loadable Components
    • Projeto: Carregando apenas o necessário
    • Resumo
    • Questionário
  5. Tipagem com Flow

    Aprenda a definir tipos para seus dados para garantir um código coerente com mais agilidade

    6 aulas
    • Apresentação
    • Por que Tipar dados?
    • Iniciando com Flow
    • Tipando Propriedades e Estados de Componentes
    • Resumo
    • Questionário
  6. Testes com Enzyme

    Veja como criar testes para seus componentes

    7 aulas
    • Apresentação
    • Testes Automatizados
    • Preparando o Enzyme
    • Criando um componente para ser testado
    • Criando testes para componentes com Enzyme
    • Resumo
    • Questionário
  7. Internacionalização com React Intl

    Veja como deixar sua aplicação funcionando com várias línguas

    13 aulas
    • Apresentação
    • O que é Internacionalização?
    • Language Tags e Localização
    • Preparando o React Intl
    • Formatando números
    • Formatando datas e horários
    • Formatando datas relativas
    • Pluralização
    • Selecionando palavras de acordo com o valor
    • Traduções
    • Projeto: Disponibilizando a Aplicação em outras Línguas
    • Resumo
    • Questionário
  8. Renderização no Servidor (server side rendering) com Electrode

    Aprenda a renderizar sua aplicação no servidor para entregar um HTML pronto

    4 aulas
    • Apresentação
    • Renderização no Servidor
    • Iniciando com Electrode
    • Resumo
Download da ementa

Cursos relacionados

Formação em que esse curso está inserido

Utilizada e amada por milhares! Veja mais opiniões reais

Plano de acesso total!

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

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 99,00 ECONOMIZE R$ 600,00
12x R$ 49,00 sem juros, no cartão de crédito
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

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