Front-end

React parte 1: componentes reutilizáveis para sua webapp

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

828 9.0

9,0

é a nota desse curso

4.302

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
  • 10h para conclusão
  • 52 atividades
  • 281 minutos de videos

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

12x R$25

(à vista R$300)

Matricule-se
  • 1
    Curso
  • 52
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium

12x R$75

(à vista R$900)

Matricule-se
  • 438
    Cursos
  • 25.372
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium Plus

12x R$100

(à vista R$1.200)

Matricule-se
  • 438
    Cursos
  • 25.372
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • 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

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

12x R$25

(à vista R$300)

Matricule-se
  • 1
    Curso
  • 52
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium

12x R$75

(à vista R$900)

Matricule-se
  • 438
    Cursos
  • 25.372
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium Plus

12x R$100

(à vista R$1.200)

Matricule-se
  • 438
    Cursos
  • 25.372
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start
Acesso por 1 ano
Certificado digital de conclusão
Estude 24h/dia onde e quando quiser
Novos cursos toda semana