Rocketseat

React Router 7 + IA

Domine React Router 7 framework e crie apps utilizando diversas formas de IA: editor de código, interface, chatbot.

Nível 1

Gerenciador de tarefas

52 Aulas3 Atividades

Ambiente de Desenvolvimento e Ferramentas de IA

Módulo5 aulas
57min

Neste módulo introdutório, você vai conhecer o poder da Inteligência Artificial aplicada ao desenvolvimento. Vamos explorar o Cursor, um editor de código com IA integrada, e aprender como ele pode acelerar sua produtividade. Além de configurar o ambiente de desenvolvimento e conhecer os principais recursos do Cursor, você vai começar a construir, com apoio da IA, um projeto prático: um gerenciador de tarefas.

Frontend: Construindo a Interface da Aplicação

Módulo20 aulas
2h 48min

Neste módulo, você vai começar a construção da interface do projeto, estruturando rotas, navegando entre páginas e utilizando recursos como loaders, actions e fetchers para uma experiência fluida. Você também vai aprender a aplicar validações robustas com Conform e Zod, navegação avançada com rotas aninhadas, layouts reutilizáveis, prefetch e tratamento de erros com Error Boundaries. Vai ter contato com ferramentas modernas como Tailwind CSS e ShadCN UI, além de aprender boas práticas de organização e performance.

Quiz - Ambiente e Fundamentos do RR7

Quiz avaliativoobrigatório
23 Questões

Primeiro questionário avaliativo do curso.

Backend: Banco de dados e integração

Módulo8 aulas
1h 40min

Neste módulo, você vai integrar o backend ao seu projeto utilizando o banco de dados Turso (SQLite na nuvem) e o Prisma ORM. Você vai aprender a estruturar e popular dados reais e fictícios, implementar uma lista de usuários conectada ao banco e preparar tudo para o deploy na Fly.io. Ao final, sua aplicação vai estar com o backend funcional, dados persistentes e pronta para ser publicada.

Inteligência Artificial na Aplicação

Módulo19 aulas
4h 47min

Neste módulo, você vai elevar o nível da sua aplicação integrando funcionalidades avançadas de Inteligência Artificial. Vamos implementar um ChatBot inteligente, capaz de interagir com os usuários, refinar e criar tarefas no dashboard. Você aprenderá a trabalhar com busca vetorial para trazer os dados de tarefas similares ao clicar em uma tarefa, gerenciar interações no chat e evoluir a experiência do usuário com recursos dinâmicos baseados em IA.

Quiz - App de tarefas, IA e deploy

Quiz avaliativoobrigatório
33 Questões

Segundo questionário avaliativo do curso.

Nível 2

Certificado final

Certificado em React Router 7 + IA

Certificado em React Router 7 + IA

Certificado
Requisitos

Você chegou ao final da formação!

Fique de olho nas comunicações para não perder os próximos conteúdos da trilha. Enquanto isso, aproveite para explorar conteúdos extras no catálogo!