Logo do curso
Curso

React:

modernizando rotas e dados com Remix

Quero estudar na alura

14h

Para conclusão

7

Pessoas nesse curso

Certificado

De participação

Introdução_

O que você aprenderá_

  • Compreenda e aplique as novas funcionalidades do Remix para criar aplicações modernas.
  • Configure rotas aninhadas e dinâmicas com o React Router v7.
  • Explore o uso de loaders e pre-fetch para manter dados atualizados entre servidor e cliente.
  • Utilize Server Side Rendering para otimizar a performance das aplicações.
  • Implemente error boundaries e classes personalizadas para tratamento de erros.
  • Aplique conceitos de Progressive Enhancement e Web Standards para desenvolver projetos escaláveis.

Público alvo_

Este curso é destinado a profissionais e estudantes de tecnologia que buscam aprofundar seus conhecimentos na criação de aplicações web modernas. Ao final do curso, será possível aprimorar habilidades no uso de técnicas de Server Side Rendering, pré-renderização, rotas dinâmicas e tratamento de erros, integrando TypeScript, Tailwind CSS e práticas inovadoras para projetos escaláveis.

Pedro Celestino de Mello

Pedro Celestino de Mello

github

linkedin

Engenheiro de Software com foco em desenvolvimento mobile e front-end. Com mais de 9 anos de experiência, adora compartilhar conhecimento com a comunidade de desenvolvedores e aprender sobre novas tecnologias. Nas horas vagas é fácil encontrar ele nos campos de batalha de World of Warcraft, viajando com a esposa e os dogs ou curtindo um futebol americano com uma boa cerveja.

Curso atualizado em 14/11/2025

Ementa

  1. Entendendo o Remix

    • Aprendendo sobre o Remix
    • Conhecendo a base do projeto
    • Iniciando um projeto com React Router v7
  2. Realizado migração da base

    • Aprendendo sobre os Web Standards
    • Migrando types e services
    • Criando uma lib de errors
    • Criando uma lib de responses
    • Criando helpers de formatação
    • Criando helpers de validação
    • Finalizando os utilitários gerais
  3. Migrando componentes reutilizáveis

    • Guia para migração de componentes
    • Migrando os primeiros componentes
    • Migrando o componente de Search Box
    • Migrando o componente de Header
    • Finalizando as migrações
  4. Integrando telas com Loaders

    • Conhecendo padrões avançados de layout e organização
    • Testando as convenções de rotas
    • Organizando a estrutura de rotas
    • Criando o primeiro loader
    • Finalizando os loaders da aplicação
  5. Implementando formulário com actions

    • Implementando a Home
    • Implementando Categorias e Detalhes de Categoria
    • Implementando Error Boundaries
    • Finalizando a migração das páginas

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos
Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Aprenda React com esse e outros cursos, comece agora!

Conheça os Planos para Empresas