React parte 1: componentes reutilizáveis para sua webapp

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

8,3

Nota desse curso

9.224

Alunos neste curso

Esse curso faz parte da categoria Front-end

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

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

Veja o primeiro vídeo

Formação com esse curso

Carreira com esse curso

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 é desenvolvedor e coordenador dos treinamentos da Caelum São Paulo. Ele investe parte do seu tempo livre para criação de projetos pessoais, como o SetupMyProject.com, e colabora com projetos open source, como o VRaptor e o Stella.

Já é aluno?

Começar o Curso

Experiências de quem já estudou com a gente

Foto do aluno

Rai Vitor Morais da Silva

em 17/01/2018

Muito bom, mesmo, este curso! Usei esse conhecimento para fazer uma prova de uma seleção de emprego. Este curso ensinou tudo que eu precisava para a prova! :)

React parte 1: componentes reutilizáveis para sua webapp

Foto do aluno

Rodrigo Banci de Lima

em 14/04/2018

Perfeito! Projeto muito empolgante, as explicações são bem claras e o que tive de dúvidas o fórum do curso me atendeu. Recomendo !

React parte 1: componentes reutilizáveis para sua webapp

Foto do aluno

Vinícius Romão

em 17/10/2018

Gostei bastante do curso. React está em crescimento constante no mercado, portanto é bastante importante aprende-lo. O curso começou bem na parte 1, mostrando o básico e o funcionamento. Ansioso pelos próximos. Obrigado!

React parte 1: componentes reutilizáveis para sua webapp

Escolha o seu plano e vamos começar

  • 715 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

  • 715 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

  • 715 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

  • 715 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