Front-end

React parte 1: componentes reutilizáveis para sua webapp

Curso online de React parte 1: componentes reutilizáveis para sua webapp

2075 8.4

8,4

é a nota desse curso

8.639

alunos neste curso

Faça esse curso e...

  • Aprenda a criar componentes reutilizáveis entre suas telas
  • Diminua o acoplamento através de eventos entre seus componentes
  • Utilize seu conhecimento de orientação a objetos para criar componentes com vida própria
  • Declare o comportamento que você espera, em vez de ficar tendo que lidar com alterações diretas no dom
  • Use o Create React App para não ter nenhum trabalho de configuração
  • Conheça um pouco mais sobre o webpack, babel e outras ferramentas necessárias para utilização de código compatível com ES6

Este curso faz parte da Formação

Carreiras com esse curso

Veja o primeiro vídeo

Público alvo

Programadores que já dominem Javascript e que queiram construir views mais complexas e com muito troca de estado

Nível de Dificuldade

Intermediário

Instrutores

  • Alberto Souza

    Líder dos instrutores da Caelum, entusiasta do CDI e do Play Framework.

Já é aluno?

Começar o Curso

Conteúdo Detalhado

  1. Criando e configurando o projeto

    • Entendendo o que vamos construir durante o curso
    • Configurando o ambiente e o create-react-app
    • Nossa primeira página
    • Por que utilizamos JSX e o Babel?
    • Onde entra o Webpack?
  2. Estrutura HTML do primeiro cadastro

    • Importando o CSS
    • Definindo o HTML
    • Implementação do layout base do cadastro
  3. Consumindo a API e dando vida a nossa listagem

    • Mantendo o estado do componente
    • Atualização do estado do componente
    • Entendendo um pouco mais sobre os detalhes do React
    • Configuração do ambiente para execução local da API
    • Implementação da listagem dinâmica
  4. Cadastrando novos autores

    • Synthetic events
    • Mantendo o estado dos campos do formulário
    • Atualizando a listagem em função do formulário
    • Reutilização de componentes e parametrização
  5. Refatorando o componente do autor e melhorando a comunicação

    • Extraindo os componentes de cadastro para classes específicas
    • High Order Components
    • Publish/Subscriber para diminuir o acoplamento
    • Lidando com os erros de validação da API
  6. Rotas e o React Router

    • Configuração do Router
    • Navegando com o History API
    • Rotas filhas e o IndexRoute
  7. Cadastro do livro e revisão geral

    • Implementação do cadastro do livro
    • Selecionando o autor
  8. Últimas melhorias e próximos passos

    • Spread operator
    • Simplificando o form
    • Build e demonstração de deploy
    • Analisando o que foi gerado para gente pelo create-react-app

Escolha o seu plano e vamos começar

  • 668 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto de conclusão das Formações com avaliação dos professores da Alura e certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

Premium

  • 668 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto de conclusão das Formações com avaliação dos professores da Alura e certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 668 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto de conclusão das Formações com avaliação dos professores da Alura e certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 668 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto de conclusão das Formações com avaliação dos professores da Alura e certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana