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

8,9

Nota desse curso

12.556

Alunos neste curso

Faça esse curso de Frameworks MVC 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

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

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.

Formações com esse curso

Cursos relacionados

Cursos de Frameworks MVC em Front-end

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

Já é aluno?

Começar o Curso

Experiências de quem já estudou com a gente

Cristiano dos Passos

em 09/03/2019

A IDE utilizada não estava colorindo o código corretamente, dificultando a leitura do código nas demonstrações em video.

React parte 1: componentes reutilizáveis para sua webapp

Pedro Henrique Cordeiro de Jesus

em 19/03/2019

Ótimo professor! Ótimo conteúdo! Um tema complexo passado de forma didática e consistente.

React parte 1: componentes reutilizáveis para sua webapp

Gláucio Leonardo Sant'ana

em 07/03/2019

Como sugestão, o servidor do curso poderia ter sido através do nodejs. Demorei um bom tempo para descobri, mesmo seguindo o passo passo e através do Fórum, como fazer o arquivo Jar rodar, por fim acabei usando uma solução nada recomendável (remover a senha do root MySQL). Ao meu ver este é o único ponto crítico e negativo do curso.

React parte 1: componentes reutilizáveis para sua webapp

Aprenda Frameworks MVC com esse e outros cursos, comece agora!

  • 896 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com 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

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

Premium

  • 896 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com 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

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

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

Premium Plus

  • 896 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com 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

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

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

Max

  • 896 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com 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

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se

Procurando planos para empresas?

Clique aqui e veja os planos
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana