Front-end

React parte 1: componentes reutilizáveis para sua webapp

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

1473 9.0

9,0

é a nota desse curso

6.648

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

Premium

12x R$100 R$75
(ou à vista R$1.200 R$900) Aproveite enquanto os preços antigos continuam valendo!
Matricule-se
  • 580
    Cursos
  • 33.312
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês na Alura Língua
  • Acesso à Alura Start

Premium Plus

12x R$125 R$100
(ou à vista R$1.500 R$1.200) Aproveite enquanto os preços antigos continuam valendo!
Matricule-se
  • 580
    Cursos
  • 33.312
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês na Alura Língua
  • Acesso à Alura Start
Acesso por 1 ano
Certificado digital de conclusão
Estude 24h/dia onde e quando quiser
Novos cursos toda semana

Carreiras com esse curso

Veja a 1ª aula

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

Premium

12x R$100 R$75
(ou à vista R$1.200 R$900) Aproveite enquanto os preços antigos continuam valendo!
Matricule-se
  • 580
    Cursos
  • 33.312
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês na Alura Língua
  • Acesso à Alura Start

Premium Plus

12x R$125 R$100
(ou à vista R$1.500 R$1.200) Aproveite enquanto os preços antigos continuam valendo!
Matricule-se
  • 580
    Cursos
  • 33.312
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês na Alura Língua
  • Acesso à Alura Start
Acesso por 1 ano
Certificado digital de conclusão
Estude 24h/dia onde e quando quiser
Novos cursos toda semana