{ "schemaVersion": 1, "id": "react", "title": "React", "version": "2026-10-12.b1f477e2", "language": "pt-BR", "license": "MIT", "source": "https://github.com/flaviojmendes/trilhainfo/tree/main/src/roadmaps", "audience": "Para quem já praticou HTML, CSS, JavaScript, requisições e Git.", "outcome": "Uma aplicação React com rotas, API, acessibilidade, testes e publicação.", "prerequisite": { "label": "Estudar a base na trilha Frontend", "path": "/roadmap/frontend" }, "stages": [ { "id": "react.antes-de-react", "title": "Antes de React", "description": "Esta é uma especialização de frontend. Comece após HTML, CSS, JavaScript, módulos, async/await e Git; consulte a trilha Frontend se faltar essa base.", "optional": false, "kind": "study", "groupIds": [ "react.revise-javascript", "curriculum.typescript", "aiLearning.seu-assistente-de-estudos" ] }, { "id": "react.crie-o-primeiro-projeto", "title": "Crie o primeiro projeto", "description": "Para estudar componentes, use React com TypeScript e Vite. Em um produto, avalie também um framework conforme as necessidades de roteamento e servidor.", "optional": false, "kind": "study", "groupIds": [ "react.configuracao-com-vite" ] }, { "id": "react.fundamentos-de-componentes", "title": "Fundamentos de componentes", "description": "", "optional": false, "kind": "study", "groupIds": [ "react.jsx-componentes-e-props", "react.estado-e-eventos" ] }, { "id": "aiLearning.ia-prompting-e-contexto", "title": "IA: prompting e contexto", "description": "Depois dos primeiros fundamentos, pratique transformar uma dúvida em uma tarefa verificável. Use uma ferramenta por vez.", "optional": false, "kind": "ai", "groupIds": [ "aiLearning.prompts-para-aprender-e-construir", "aiLearning.contexto-util-e-dados-protegidos" ] }, { "id": "react.interface-com-estado.stage", "title": "Projeto: Interface com estado", "description": "Construa antes de avançar. Registre as decisões e peça uma revisão.", "optional": false, "kind": "project", "groupIds": [ "react.interface-com-estado" ] }, { "id": "react.sincronizacao-e-dados", "title": "Sincronização e dados", "description": "", "optional": false, "kind": "study", "groupIds": [ "react.effects-e-refs", "react.rotas-e-requisicoes" ] }, { "id": "react.qualidade-de-uma-aplicacao", "title": "Qualidade de uma aplicação", "description": "", "optional": false, "kind": "study", "groupIds": [ "curriculum.acessibilidade", "react.testes-com-testing-library" ] }, { "id": "react.estado-compartilhado-e-entrega", "title": "Estado compartilhado e entrega", "description": "", "optional": false, "kind": "study", "groupIds": [ "react.reducer-e-context", "react.build-e-desempenho" ] }, { "id": "aiLearning.ia-programacao-em-parceria", "title": "IA: programação em parceria", "description": "Use o primeiro projeto como contexto. Alterne pequenas implementações, leitura de código, depuração e testes.", "optional": false, "kind": "ai", "groupIds": [ "aiLearning.planejar-implementar-e-revisar", "aiLearning.depuracao-com-evidencias" ] }, { "id": "aiLearning.ia-agentes-regras-e-verificacao", "title": "IA: agentes, regras e verificação", "description": "Depois de conseguir ler diffs, depurar e testar, delegue uma tarefa limitada no repositório de laboratório.", "optional": false, "kind": "ai", "groupIds": [ "aiLearning.instrucoes-do-projeto-e-escopo-do-agente", "aiLearning.validar-trabalho-gerado-por-ia" ] }, { "id": "react.aplicacao-react-publicavel.stage", "title": "Projeto: Aplicação React publicável", "description": "Construa antes de avançar. Registre as decisões e peça uma revisão.", "optional": false, "kind": "project", "groupIds": [ "react.aplicacao-react-publicavel" ] }, { "id": "curriculum.preparacao-para-oportunidades", "title": "Preparação para oportunidades", "description": "Comece a buscar estágio ou vagas compatíveis com seus projetos. Ajuste o estudo aos requisitos recorrentes da sua região; concluir a trilha não garante contratação.", "optional": false, "kind": "study", "groupIds": [ "curriculum.portfolio-e-candidatura", "curriculum.ia-no-fluxo-de-trabalho" ] }, { "id": "react.especializacao-opcional", "title": "Especialização opcional", "description": "Aprofunde depois de entregar a aplicação. Componentes de classe, HOCs e render props são úteis para manutenção de código legado.", "optional": true, "kind": "study", "groupIds": [ "react.frameworks-e-react-no-servidor", "react.arquitetura-e-recursos-avancados" ] } ], "groups": { "react.revise-javascript": { "id": "react.revise-javascript", "title": "Revise JavaScript", "description": "Pratique map/filter, objetos, destructuring, imports, promises e imutabilidade. React não substitui a base da web.", "stageId": "react.antes-de-react", "requiredIds": [ "react.revise-javascript.basics", "react.revise-javascript.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Revise JavaScript e faça a prática essencial.", "stepIds": [ "react.revise-javascript.basics", "react.revise-javascript.practice" ] }, "standard": { "summary": "Pratique map/filter, objetos, destructuring, imports, promises e imutabilidade. React não substitui a base da web.", "stepIds": [ "react.revise-javascript.basics", "react.revise-javascript.practice" ] }, "deep": { "summary": "Aprofunde Revise JavaScript comparando soluções e demonstrando suas decisões.", "stepIds": [ "react.revise-javascript.basics", "react.revise-javascript.practice", "react.revise-javascript.deepening" ] } } }, "curriculum.typescript": { "id": "curriculum.typescript", "title": "TypeScript", "description": "Use tipos, interfaces, unions, narrowing e generics simples. Ative strict e entenda que tipos não validam dados recebidos em tempo de execução.", "stageId": "react.antes-de-react", "requiredIds": [ "curriculum.typescript.basics", "curriculum.typescript.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de TypeScript e faça a prática essencial.", "stepIds": [ "curriculum.typescript.basics", "curriculum.typescript.practice" ] }, "standard": { "summary": "Use tipos, interfaces, unions, narrowing e generics simples. Ative strict e entenda que tipos não validam dados recebidos em tempo de execução.", "stepIds": [ "curriculum.typescript.basics", "curriculum.typescript.practice" ] }, "deep": { "summary": "Aprofunde TypeScript comparando soluções e demonstrando suas decisões.", "stepIds": [ "curriculum.typescript.basics", "curriculum.typescript.practice", "curriculum.typescript.deepening" ] } } }, "aiLearning.seu-assistente-de-estudos": { "id": "aiLearning.seu-assistente-de-estudos", "title": "Seu assistente de estudos", "description": "Aprenda programação e uso de IA em paralelo. Escolha uma ferramenta a que já tenha acesso; os exercícios também funcionam em um chat, compartilhando trechos pequenos. Documentação gratuita não significa serviço gratuito: consulte os limites da sua conta. Você não precisa assinar nem dominar três ferramentas.", "stageId": "react.antes-de-react", "ai": "focused", "requiredIds": [ "aiLearning.escolha-uma-ferramenta", "aiLearning.pratique-tutoria" ], "variants": { "simple": { "summary": "Comece por uma referência de Seu assistente de estudos e faça a prática essencial.", "stepIds": [ "aiLearning.escolha-uma-ferramenta", "aiLearning.pratique-tutoria" ] }, "standard": { "summary": "Aprenda programação e uso de IA em paralelo. Escolha uma ferramenta a que já tenha acesso; os exercícios também funcionam em um chat, compartilhando trechos pequenos. Documentação gratuita não significa serviço gratuito: consulte os limites da sua conta. Você não precisa assinar nem dominar três ferramentas.", "stepIds": [ "aiLearning.escolha-uma-ferramenta", "aiLearning.pratique-tutoria" ] }, "deep": { "summary": "Aprofunde Seu assistente de estudos comparando soluções e demonstrando suas decisões.", "stepIds": [ "aiLearning.escolha-uma-ferramenta", "aiLearning.pratique-tutoria", "aiLearning.seu-assistente-de-estudos.deepening" ] } } }, "react.configuracao-com-vite": { "id": "react.configuracao-com-vite", "title": "Configuração com Vite", "description": "Create React App foi descontinuado para novos projetos. Aprenda scripts, dependências e build sem começar por configuração avançada.", "stageId": "react.crie-o-primeiro-projeto", "requiredIds": [ "react.configuracao-com-vite.basics", "react.configuracao-com-vite.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Configuração com Vite e faça a prática essencial.", "stepIds": [ "react.configuracao-com-vite.basics", "react.configuracao-com-vite.practice" ] }, "standard": { "summary": "Create React App foi descontinuado para novos projetos. Aprenda scripts, dependências e build sem começar por configuração avançada.", "stepIds": [ "react.configuracao-com-vite.basics", "react.configuracao-com-vite.practice" ] }, "deep": { "summary": "Aprofunde Configuração com Vite comparando soluções e demonstrando suas decisões.", "stepIds": [ "react.configuracao-com-vite.basics", "react.configuracao-com-vite.practice", "react.configuracao-com-vite.deepening" ] } } }, "react.jsx-componentes-e-props": { "id": "react.jsx-componentes-e-props", "title": "JSX, componentes e props", "description": "Construa funções de componente, composição, renderização condicional e listas com keys estáveis. Prefira composição a herança.", "stageId": "react.fundamentos-de-componentes", "requiredIds": [ "react.jsx-componentes-e-props.basics", "react.jsx-componentes-e-props.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de JSX, componentes e props e faça a prática essencial.", "stepIds": [ "react.jsx-componentes-e-props.basics", "react.jsx-componentes-e-props.practice" ] }, "standard": { "summary": "Construa funções de componente, composição, renderização condicional e listas com keys estáveis. Prefira composição a herança.", "stepIds": [ "react.jsx-componentes-e-props.basics", "react.jsx-componentes-e-props.practice" ] }, "deep": { "summary": "Aprofunde JSX, componentes e props comparando soluções e demonstrando suas decisões.", "stepIds": [ "react.jsx-componentes-e-props.basics", "react.jsx-componentes-e-props.practice", "react.jsx-componentes-e-props.deepening" ] } } }, "react.estado-e-eventos": { "id": "react.estado-e-eventos", "title": "Estado e eventos", "description": "Use useState, eventos e formulários controlados. Entenda snapshots, atualização funcional e estado derivado.", "stageId": "react.fundamentos-de-componentes", "requiredIds": [ "react.estado-e-eventos.basics", "react.estado-e-eventos.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Estado e eventos e faça a prática essencial.", "stepIds": [ "react.estado-e-eventos.basics", "react.estado-e-eventos.practice" ] }, "standard": { "summary": "Use useState, eventos e formulários controlados. Entenda snapshots, atualização funcional e estado derivado.", "stepIds": [ "react.estado-e-eventos.basics", "react.estado-e-eventos.practice" ] }, "deep": { "summary": "Aprofunde Estado e eventos comparando soluções e demonstrando suas decisões.", "stepIds": [ "react.estado-e-eventos.basics", "react.estado-e-eventos.practice", "react.estado-e-eventos.deepening" ] } } }, "aiLearning.prompts-para-aprender-e-construir": { "id": "aiLearning.prompts-para-aprender-e-construir", "title": "Prompts para aprender e construir", "description": "Expresse objetivo, contexto, limites e como conferir o resultado. Mostre sua tentativa e exemplos de entrada/saída. Peça uma resposta no nível de quem está aprendendo e faça perguntas quando algo não estiver claro. Ajuste o prompt a partir do resultado, sem decorar fórmulas.", "stageId": "aiLearning.ia-prompting-e-contexto", "ai": "focused", "requiredIds": [ "aiLearning.prompts-para-aprender-e-construir.basics", "aiLearning.prompts-para-aprender-e-construir.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Prompts para aprender e construir e faça a prática essencial.", "stepIds": [ "aiLearning.prompts-para-aprender-e-construir.basics", "aiLearning.prompts-para-aprender-e-construir.practice" ] }, "standard": { "summary": "Expresse objetivo, contexto, limites e como conferir o resultado. Mostre sua tentativa e exemplos de entrada/saída. Peça uma resposta no nível de quem está aprendendo e faça perguntas quando algo não estiver claro. Ajuste o prompt a partir do resultado, sem decorar fórmulas.", "stepIds": [ "aiLearning.prompts-para-aprender-e-construir.basics", "aiLearning.prompts-para-aprender-e-construir.practice" ] }, "deep": { "summary": "Aprofunde Prompts para aprender e construir comparando soluções e demonstrando suas decisões.", "stepIds": [ "aiLearning.prompts-para-aprender-e-construir.basics", "aiLearning.prompts-para-aprender-e-construir.practice", "aiLearning.prompts-para-aprender-e-construir.deepening" ] } } }, "aiLearning.contexto-util-e-dados-protegidos": { "id": "aiLearning.contexto-util-e-dados-protegidos", "title": "Contexto útil e dados protegidos", "description": "Forneça os arquivos relevantes, o erro completo sanitizado, a versão usada e o comportamento esperado. Diferencie conversar sobre código de permitir edição e execução. Use dados de laboratório; não compartilhe senhas, tokens ou dados pessoais.", "stageId": "aiLearning.ia-prompting-e-contexto", "ai": "focused", "requiredIds": [ "aiLearning.contexto-util-e-dados-protegidos.basics", "aiLearning.contexto-util-e-dados-protegidos.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Contexto útil e dados protegidos e faça a prática essencial.", "stepIds": [ "aiLearning.contexto-util-e-dados-protegidos.basics", "aiLearning.contexto-util-e-dados-protegidos.practice" ] }, "standard": { "summary": "Forneça os arquivos relevantes, o erro completo sanitizado, a versão usada e o comportamento esperado. Diferencie conversar sobre código de permitir edição e execução. Use dados de laboratório; não compartilhe senhas, tokens ou dados pessoais.", "stepIds": [ "aiLearning.contexto-util-e-dados-protegidos.basics", "aiLearning.contexto-util-e-dados-protegidos.practice" ] }, "deep": { "summary": "Aprofunde Contexto útil e dados protegidos comparando soluções e demonstrando suas decisões.", "stepIds": [ "aiLearning.contexto-util-e-dados-protegidos.basics", "aiLearning.contexto-util-e-dados-protegidos.practice", "aiLearning.contexto-util-e-dados-protegidos.deepening" ] } } }, "react.interface-com-estado": { "id": "react.interface-com-estado", "title": "Interface com estado", "description": "Crie um catálogo com formulário, busca, favoritos e validação usando componentes funcionais.", "stageId": "react.interface-com-estado.stage", "ai": "assisted", "requiredIds": [ "react.interface-com-estado.criteria", "react.interface-com-estado.ai-practice", "react.interface-com-estado.verification" ], "variants": { "simple": { "summary": "Comece por uma referência de Interface com estado e faça a prática essencial.", "stepIds": [ "react.interface-com-estado.criteria", "react.interface-com-estado.ai-practice", "react.interface-com-estado.verification" ] }, "standard": { "summary": "Crie um catálogo com formulário, busca, favoritos e validação usando componentes funcionais.", "stepIds": [ "react.interface-com-estado.criteria", "react.interface-com-estado.ai-practice", "react.interface-com-estado.verification" ] }, "deep": { "summary": "Aprofunde Interface com estado comparando soluções e demonstrando suas decisões.", "stepIds": [ "react.interface-com-estado.criteria", "react.interface-com-estado.ai-practice", "react.interface-com-estado.verification", "react.interface-com-estado.deepening" ] } } }, "react.effects-e-refs": { "id": "react.effects-e-refs", "title": "Effects e refs", "description": "Use useEffect para sincronizar com sistemas externos, com cleanup. Eventos e valores derivados normalmente dispensam Effects. Use refs para DOM e valores que não renderizam.", "stageId": "react.sincronizacao-e-dados", "requiredIds": [ "react.effects-e-refs.basics", "react.effects-e-refs.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Effects e refs e faça a prática essencial.", "stepIds": [ "react.effects-e-refs.basics", "react.effects-e-refs.practice" ] }, "standard": { "summary": "Use useEffect para sincronizar com sistemas externos, com cleanup. Eventos e valores derivados normalmente dispensam Effects. Use refs para DOM e valores que não renderizam.", "stepIds": [ "react.effects-e-refs.basics", "react.effects-e-refs.practice" ] }, "deep": { "summary": "Aprofunde Effects e refs comparando soluções e demonstrando suas decisões.", "stepIds": [ "react.effects-e-refs.basics", "react.effects-e-refs.practice", "react.effects-e-refs.deepening" ] } } }, "react.rotas-e-requisicoes": { "id": "react.rotas-e-requisicoes", "title": "Rotas e requisições", "description": "Aprenda rotas, parâmetros, loading, erro, cancelamento e cache. Comece com fetch; adote bibliotecas de dados quando houver necessidade real.", "stageId": "react.sincronizacao-e-dados", "requiredIds": [ "react.rotas-e-requisicoes.basics", "react.rotas-e-requisicoes.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Rotas e requisições e faça a prática essencial.", "stepIds": [ "react.rotas-e-requisicoes.basics", "react.rotas-e-requisicoes.practice" ] }, "standard": { "summary": "Aprenda rotas, parâmetros, loading, erro, cancelamento e cache. Comece com fetch; adote bibliotecas de dados quando houver necessidade real.", "stepIds": [ "react.rotas-e-requisicoes.basics", "react.rotas-e-requisicoes.practice" ] }, "deep": { "summary": "Aprofunde Rotas e requisições comparando soluções e demonstrando suas decisões.", "stepIds": [ "react.rotas-e-requisicoes.basics", "react.rotas-e-requisicoes.practice", "react.rotas-e-requisicoes.deepening" ] } } }, "curriculum.acessibilidade": { "id": "curriculum.acessibilidade", "title": "Acessibilidade", "description": "Inclua semântica, teclado, foco, contraste, mensagens de erro e teste com leitor de tela desde os primeiros componentes.", "stageId": "react.qualidade-de-uma-aplicacao", "requiredIds": [ "curriculum.acessibilidade.basics", "curriculum.acessibilidade.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Acessibilidade e faça a prática essencial.", "stepIds": [ "curriculum.acessibilidade.basics", "curriculum.acessibilidade.practice" ] }, "standard": { "summary": "Inclua semântica, teclado, foco, contraste, mensagens de erro e teste com leitor de tela desde os primeiros componentes.", "stepIds": [ "curriculum.acessibilidade.basics", "curriculum.acessibilidade.practice" ] }, "deep": { "summary": "Aprofunde Acessibilidade comparando soluções e demonstrando suas decisões.", "stepIds": [ "curriculum.acessibilidade.basics", "curriculum.acessibilidade.practice", "curriculum.acessibilidade.deepening" ] } } }, "react.testes-com-testing-library": { "id": "react.testes-com-testing-library", "title": "Testes com Testing Library", "description": "Teste comportamento visível ao usuário com Vitest e Testing Library; cubra navegação com Playwright. Evite testes que apenas repetem a implementação.", "stageId": "react.qualidade-de-uma-aplicacao", "requiredIds": [ "react.testes-com-testing-library.basics", "react.testes-com-testing-library.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Testes com Testing Library e faça a prática essencial.", "stepIds": [ "react.testes-com-testing-library.basics", "react.testes-com-testing-library.practice" ] }, "standard": { "summary": "Teste comportamento visível ao usuário com Vitest e Testing Library; cubra navegação com Playwright. Evite testes que apenas repetem a implementação.", "stepIds": [ "react.testes-com-testing-library.basics", "react.testes-com-testing-library.practice" ] }, "deep": { "summary": "Aprofunde Testes com Testing Library comparando soluções e demonstrando suas decisões.", "stepIds": [ "react.testes-com-testing-library.basics", "react.testes-com-testing-library.practice", "react.testes-com-testing-library.deepening" ] } } }, "react.reducer-e-context": { "id": "react.reducer-e-context", "title": "Reducer e Context", "description": "Prefira estado local. Use reducer para transições complexas e Context para dependências compartilhadas; separe estado do servidor do estado da interface.", "stageId": "react.estado-compartilhado-e-entrega", "requiredIds": [ "react.reducer-e-context.basics", "react.reducer-e-context.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Reducer e Context e faça a prática essencial.", "stepIds": [ "react.reducer-e-context.basics", "react.reducer-e-context.practice" ] }, "standard": { "summary": "Prefira estado local. Use reducer para transições complexas e Context para dependências compartilhadas; separe estado do servidor do estado da interface.", "stepIds": [ "react.reducer-e-context.basics", "react.reducer-e-context.practice" ] }, "deep": { "summary": "Aprofunde Reducer e Context comparando soluções e demonstrando suas decisões.", "stepIds": [ "react.reducer-e-context.basics", "react.reducer-e-context.practice", "react.reducer-e-context.deepening" ] } } }, "react.build-e-desempenho": { "id": "react.build-e-desempenho", "title": "Build e desempenho", "description": "Publique uma versão de produção com CI. Meça antes de aplicar memoização e lazy loading; aprenda os limites entre cliente e servidor.", "stageId": "react.estado-compartilhado-e-entrega", "requiredIds": [ "react.build-e-desempenho.basics", "react.build-e-desempenho.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Build e desempenho e faça a prática essencial.", "stepIds": [ "react.build-e-desempenho.basics", "react.build-e-desempenho.practice" ] }, "standard": { "summary": "Publique uma versão de produção com CI. Meça antes de aplicar memoização e lazy loading; aprenda os limites entre cliente e servidor.", "stepIds": [ "react.build-e-desempenho.basics", "react.build-e-desempenho.practice" ] }, "deep": { "summary": "Aprofunde Build e desempenho comparando soluções e demonstrando suas decisões.", "stepIds": [ "react.build-e-desempenho.basics", "react.build-e-desempenho.practice", "react.build-e-desempenho.deepening" ] } } }, "aiLearning.planejar-implementar-e-revisar": { "id": "aiLearning.planejar-implementar-e-revisar", "title": "Planejar, implementar e revisar", "description": "Defina um recorte pequeno e peça um plano. Decida o que implementar você e o que delegar. Revise cada diff, rode a aplicação e confira o comportamento antes de seguir para outra tarefa. A IA pode gerar código, testes e documentação, mas a evidência precisa ser executada.", "stageId": "aiLearning.ia-programacao-em-parceria", "ai": "focused", "requiredIds": [ "aiLearning.planejar-implementar-e-revisar.basics", "aiLearning.planejar-implementar-e-revisar.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Planejar, implementar e revisar e faça a prática essencial.", "stepIds": [ "aiLearning.planejar-implementar-e-revisar.basics", "aiLearning.planejar-implementar-e-revisar.practice" ] }, "standard": { "summary": "Defina um recorte pequeno e peça um plano. Decida o que implementar você e o que delegar. Revise cada diff, rode a aplicação e confira o comportamento antes de seguir para outra tarefa. A IA pode gerar código, testes e documentação, mas a evidência precisa ser executada.", "stepIds": [ "aiLearning.planejar-implementar-e-revisar.basics", "aiLearning.planejar-implementar-e-revisar.practice" ] }, "deep": { "summary": "Aprofunde Planejar, implementar e revisar comparando soluções e demonstrando suas decisões.", "stepIds": [ "aiLearning.planejar-implementar-e-revisar.basics", "aiLearning.planejar-implementar-e-revisar.practice", "aiLearning.planejar-implementar-e-revisar.deepening" ] } } }, "aiLearning.depuracao-com-evidencias": { "id": "aiLearning.depuracao-com-evidencias", "title": "Depuração com evidências", "description": "Reproduza o problema e registre esperado versus observado. Peça hipóteses e uma forma de distinguir entre elas antes de tentar correções. Não confunda uma explicação plausível com uma causa confirmada.", "stageId": "aiLearning.ia-programacao-em-parceria", "ai": "focused", "requiredIds": [ "aiLearning.depuracao-com-evidencias.basics", "aiLearning.depuracao-com-evidencias.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Depuração com evidências e faça a prática essencial.", "stepIds": [ "aiLearning.depuracao-com-evidencias.basics", "aiLearning.depuracao-com-evidencias.practice" ] }, "standard": { "summary": "Reproduza o problema e registre esperado versus observado. Peça hipóteses e uma forma de distinguir entre elas antes de tentar correções. Não confunda uma explicação plausível com uma causa confirmada.", "stepIds": [ "aiLearning.depuracao-com-evidencias.basics", "aiLearning.depuracao-com-evidencias.practice" ] }, "deep": { "summary": "Aprofunde Depuração com evidências comparando soluções e demonstrando suas decisões.", "stepIds": [ "aiLearning.depuracao-com-evidencias.basics", "aiLearning.depuracao-com-evidencias.practice", "aiLearning.depuracao-com-evidencias.deepening" ] } } }, "aiLearning.instrucoes-do-projeto-e-escopo-do-agente": { "id": "aiLearning.instrucoes-do-projeto-e-escopo-do-agente", "title": "Instruções do projeto e escopo do agente", "description": "Documente como rodar, testar e organizar o projeto. Pratique regras do Cursor, CLAUDE.md ou AGENTS.md conforme a ferramenta escolhida. Defina arquivos, tarefa, limites e permissões. Comece com uma branch e uma alteração pequena; deixe MCP, múltiplos agentes e automações amplas para aprofundamento.", "stageId": "aiLearning.ia-agentes-regras-e-verificacao", "ai": "focused", "requiredIds": [ "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.basics", "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Instruções do projeto e escopo do agente e faça a prática essencial.", "stepIds": [ "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.basics", "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.practice" ] }, "standard": { "summary": "Documente como rodar, testar e organizar o projeto. Pratique regras do Cursor, CLAUDE.md ou AGENTS.md conforme a ferramenta escolhida. Defina arquivos, tarefa, limites e permissões. Comece com uma branch e uma alteração pequena; deixe MCP, múltiplos agentes e automações amplas para aprofundamento.", "stepIds": [ "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.basics", "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.practice" ] }, "deep": { "summary": "Aprofunde Instruções do projeto e escopo do agente comparando soluções e demonstrando suas decisões.", "stepIds": [ "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.basics", "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.practice", "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.deepening" ] } } }, "aiLearning.validar-trabalho-gerado-por-ia": { "id": "aiLearning.validar-trabalho-gerado-por-ia", "title": "Validar trabalho gerado por IA", "description": "Confira comportamento e requisitos além dos testes produzidos pelo próprio agente. Verifique casos negativos, dependências, documentação da versão e o resultado dos comandos. Para interface, faça inspeção visual e por teclado; para dados, use uma amostra com resultado conhecido.", "stageId": "aiLearning.ia-agentes-regras-e-verificacao", "ai": "focused", "requiredIds": [ "aiLearning.validar-trabalho-gerado-por-ia.basics", "aiLearning.validar-trabalho-gerado-por-ia.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Validar trabalho gerado por IA e faça a prática essencial.", "stepIds": [ "aiLearning.validar-trabalho-gerado-por-ia.basics", "aiLearning.validar-trabalho-gerado-por-ia.practice" ] }, "standard": { "summary": "Confira comportamento e requisitos além dos testes produzidos pelo próprio agente. Verifique casos negativos, dependências, documentação da versão e o resultado dos comandos. Para interface, faça inspeção visual e por teclado; para dados, use uma amostra com resultado conhecido.", "stepIds": [ "aiLearning.validar-trabalho-gerado-por-ia.basics", "aiLearning.validar-trabalho-gerado-por-ia.practice" ] }, "deep": { "summary": "Aprofunde Validar trabalho gerado por IA comparando soluções e demonstrando suas decisões.", "stepIds": [ "aiLearning.validar-trabalho-gerado-por-ia.basics", "aiLearning.validar-trabalho-gerado-por-ia.practice", "aiLearning.validar-trabalho-gerado-por-ia.deepening" ] } } }, "react.aplicacao-react-publicavel": { "id": "react.aplicacao-react-publicavel", "title": "Aplicação React publicável", "description": "Entregue um catálogo ou painel com rotas, API, TypeScript, testes e estados de falha.", "stageId": "react.aplicacao-react-publicavel.stage", "ai": "assisted", "requiredIds": [ "react.aplicacao-react-publicavel.criteria", "react.aplicacao-react-publicavel.ai-practice", "react.aplicacao-react-publicavel.verification" ], "variants": { "simple": { "summary": "Comece por uma referência de Aplicação React publicável e faça a prática essencial.", "stepIds": [ "react.aplicacao-react-publicavel.criteria", "react.aplicacao-react-publicavel.ai-practice", "react.aplicacao-react-publicavel.verification" ] }, "standard": { "summary": "Entregue um catálogo ou painel com rotas, API, TypeScript, testes e estados de falha.", "stepIds": [ "react.aplicacao-react-publicavel.criteria", "react.aplicacao-react-publicavel.ai-practice", "react.aplicacao-react-publicavel.verification" ] }, "deep": { "summary": "Aprofunde Aplicação React publicável comparando soluções e demonstrando suas decisões.", "stepIds": [ "react.aplicacao-react-publicavel.criteria", "react.aplicacao-react-publicavel.ai-practice", "react.aplicacao-react-publicavel.verification", "react.aplicacao-react-publicavel.deepening" ] } } }, "curriculum.portfolio-e-candidatura": { "id": "curriculum.portfolio-e-candidatura", "title": "Portfólio e candidatura", "description": "Publique projetos com problema, instruções de execução, testes, decisões e limitações. Prepare currículo conciso, uma demonstração e exemplos de colaboração. Pratique leitura de documentação em inglês aos poucos.", "stageId": "curriculum.preparacao-para-oportunidades", "requiredIds": [ "curriculum.portfolio-e-candidatura.basics", "curriculum.portfolio-e-candidatura.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Portfólio e candidatura e faça a prática essencial.", "stepIds": [ "curriculum.portfolio-e-candidatura.basics", "curriculum.portfolio-e-candidatura.practice" ] }, "standard": { "summary": "Publique projetos com problema, instruções de execução, testes, decisões e limitações. Prepare currículo conciso, uma demonstração e exemplos de colaboração. Pratique leitura de documentação em inglês aos poucos.", "stepIds": [ "curriculum.portfolio-e-candidatura.basics", "curriculum.portfolio-e-candidatura.practice" ] }, "deep": { "summary": "Aprofunde Portfólio e candidatura comparando soluções e demonstrando suas decisões.", "stepIds": [ "curriculum.portfolio-e-candidatura.basics", "curriculum.portfolio-e-candidatura.practice", "curriculum.portfolio-e-candidatura.deepening" ] } } }, "curriculum.ia-no-fluxo-de-trabalho": { "id": "curriculum.ia-no-fluxo-de-trabalho", "title": "IA no fluxo de trabalho", "description": "Use IA para explicar erros, propor testes e revisar hipóteses. Confira a documentação, o diff e os resultados. Proteja dados privados e segredos.", "stageId": "curriculum.preparacao-para-oportunidades", "ai": "focused", "requiredIds": [ "curriculum.ia-no-fluxo-de-trabalho.basics", "curriculum.ia-no-fluxo-de-trabalho.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de IA no fluxo de trabalho e faça a prática essencial.", "stepIds": [ "curriculum.ia-no-fluxo-de-trabalho.basics", "curriculum.ia-no-fluxo-de-trabalho.practice" ] }, "standard": { "summary": "Use IA para explicar erros, propor testes e revisar hipóteses. Confira a documentação, o diff e os resultados. Proteja dados privados e segredos.", "stepIds": [ "curriculum.ia-no-fluxo-de-trabalho.basics", "curriculum.ia-no-fluxo-de-trabalho.practice" ] }, "deep": { "summary": "Aprofunde IA no fluxo de trabalho comparando soluções e demonstrando suas decisões.", "stepIds": [ "curriculum.ia-no-fluxo-de-trabalho.basics", "curriculum.ia-no-fluxo-de-trabalho.practice", "curriculum.ia-no-fluxo-de-trabalho.deepening" ] } } }, "react.frameworks-e-react-no-servidor": { "id": "react.frameworks-e-react-no-servidor", "title": "Frameworks e React no servidor", "description": "Explore SSR, geração estática, Server Components, Actions, formulários e fronteiras cliente/servidor em um framework. Use a documentação compatível com a versão escolhida.", "stageId": "react.especializacao-opcional", "requiredIds": [ "react.frameworks-e-react-no-servidor.basics", "react.frameworks-e-react-no-servidor.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Frameworks e React no servidor e faça a prática essencial.", "stepIds": [ "react.frameworks-e-react-no-servidor.basics", "react.frameworks-e-react-no-servidor.practice" ] }, "standard": { "summary": "Explore SSR, geração estática, Server Components, Actions, formulários e fronteiras cliente/servidor em um framework. Use a documentação compatível com a versão escolhida.", "stepIds": [ "react.frameworks-e-react-no-servidor.basics", "react.frameworks-e-react-no-servidor.practice" ] }, "deep": { "summary": "Aprofunde Frameworks e React no servidor comparando soluções e demonstrando suas decisões.", "stepIds": [ "react.frameworks-e-react-no-servidor.basics", "react.frameworks-e-react-no-servidor.practice", "react.frameworks-e-react-no-servidor.deepening" ] } } }, "react.arquitetura-e-recursos-avancados": { "id": "react.arquitetura-e-recursos-avancados", "title": "Arquitetura e recursos avançados", "description": "Estude error boundaries, portais, custom hooks e profiling conforme surgirem necessidades. Mobile é uma especialização própria.", "stageId": "react.especializacao-opcional", "requiredIds": [ "react.arquitetura-e-recursos-avancados.basics", "react.arquitetura-e-recursos-avancados.practice" ], "variants": { "simple": { "summary": "Comece por uma referência de Arquitetura e recursos avançados e faça a prática essencial.", "stepIds": [ "react.arquitetura-e-recursos-avancados.basics", "react.arquitetura-e-recursos-avancados.practice" ] }, "standard": { "summary": "Estude error boundaries, portais, custom hooks e profiling conforme surgirem necessidades. Mobile é uma especialização própria.", "stepIds": [ "react.arquitetura-e-recursos-avancados.basics", "react.arquitetura-e-recursos-avancados.practice" ] }, "deep": { "summary": "Aprofunde Arquitetura e recursos avançados comparando soluções e demonstrando suas decisões.", "stepIds": [ "react.arquitetura-e-recursos-avancados.basics", "react.arquitetura-e-recursos-avancados.practice", "react.arquitetura-e-recursos-avancados.deepening" ] } } } }, "nodes": { "react.revise-javascript.basics": { "id": "react.revise-javascript.basics", "groupId": "react.revise-javascript", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.js", "resource.fetch" ], "kind": "concept", "legacyIds": [ "Revise JavaScript-O básico", "O básico-Revise JavaScript" ] }, "react.revise-javascript.practice": { "id": "react.revise-javascript.practice", "groupId": "react.revise-javascript", "title": "Pratique e confira", "description": "Renderize e filtre uma lista com JavaScript e trate uma falha de requisição.", "requires": [ "react.revise-javascript.basics" ], "resourceIds": [ "resource.js", "resource.fetch" ], "kind": "practice", "legacyIds": [ "Revise JavaScript-Pratique e confira", "Pratique e confira-Revise JavaScript" ] }, "react.revise-javascript.deepening": { "id": "react.revise-javascript.deepening", "groupId": "react.revise-javascript", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Escolha uma decisão de Revise JavaScript no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "react.revise-javascript.basics", "react.revise-javascript.practice" ], "resourceIds": [ "resource.js", "resource.fetch" ], "legacyIds": [] }, "curriculum.typescript.basics": { "id": "curriculum.typescript.basics", "groupId": "curriculum.typescript", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.ts", "resource.youtubeBranasTs", "resource.youtubeRocketseatTs" ], "kind": "concept", "legacyIds": [ "TypeScript-O básico", "O básico-TypeScript" ] }, "curriculum.typescript.practice": { "id": "curriculum.typescript.practice", "groupId": "curriculum.typescript", "title": "Pratique e confira", "description": "Tipifique os dados do projeto sem any e valide a resposta de uma API antes de usá-la. Peça à IA que explique um erro de tipo e confira a correção com o compilador, preservando strict.", "requires": [ "curriculum.typescript.basics" ], "resourceIds": [ "resource.ts", "resource.youtubeBranasTs", "resource.youtubeRocketseatTs" ], "kind": "practice", "legacyIds": [ "TypeScript-Pratique e confira", "Pratique e confira-TypeScript" ] }, "curriculum.typescript.deepening": { "id": "curriculum.typescript.deepening", "groupId": "curriculum.typescript", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Modele estados de carregamento, sucesso e falha com uma union discriminada. Valide dados externos em tempo de execução e demonstre um caso que o compilador sozinho não detecta.", "requires": [ "curriculum.typescript.basics", "curriculum.typescript.practice" ], "resourceIds": [ "resource.ts", "resource.youtubeBranasTs", "resource.youtubeRocketseatTs" ], "legacyIds": [] }, "aiLearning.escolha-uma-ferramenta": { "id": "aiLearning.escolha-uma-ferramenta", "groupId": "aiLearning.seu-assistente-de-estudos", "title": "Escolha uma ferramenta", "description": "Experimente uma opção neste momento. Para concluir esta etapa, basta abrir um exercício em uma ferramenta e localizar como conversar, fornecer contexto e revisar uma mudança.\n\nCursor: abra um projeto no editor, converse sobre um arquivo e forneça trechos ou arquivos como contexto. Peça uma alteração pequena, examine o diff e execute o exemplo.\n\nClaude: use o chat com trechos fornecidos por você, ou Claude Code para trabalhar no projeto por terminal ou integrações de editor, se já tiver acesso. Siga o quickstart e peça uma explicação do repositório antes da primeira mudança.\n\nCodex: consulte o quickstart e escolha a superfície disponível para sua conta, como aplicativo, editor ou terminal. Peça que explique o projeto e como executar o exercício; depois experimente uma mudança pequena.\n\nSe ainda não tiver acesso a uma IA, siga os exercícios de programação e retome estas práticas quando uma opção estiver disponível.", "requires": [], "resourceIds": [ "resource.cursor", "resource.cursorPrompts", "resource.claude", "resource.claudePractices", "resource.codex", "resource.codexPrompts" ], "kind": "concept", "ai": "focused", "legacyIds": [ "Seu assistente de estudos-Escolha uma ferramenta", "Escolha uma ferramenta-Seu assistente de estudos" ] }, "aiLearning.pratique-tutoria": { "id": "aiLearning.pratique-tutoria", "groupId": "aiLearning.seu-assistente-de-estudos", "title": "Pratique tutoria", "description": "Faça uma tentativa, peça uma explicação ou pista e confira o resultado executando o exemplo. Solicite perguntas e exercícios de revisão. Quando a IA gerar código, leia, altere e teste esse código. Conclua esta etapa após responder uma pergunta sobre o exemplo e resolver uma pequena variação.", "requires": [ "aiLearning.escolha-uma-ferramenta" ], "resourceIds": [ "resource.codexPrompts", "resource.claudePractices", "resource.ai" ], "kind": "practice", "ai": "focused", "prompt": "Estou aprendendo [conceito] na trilha [nome].\nMeu objetivo é [resultado pequeno e observável].\nJá tentei [tentativa] e observei [resultado ou erro].\nUse este trecho como contexto: [código ou exemplo sem dados privados].\nExplique a ideia com um exemplo curto e faça uma pergunta para conferir minha compreensão.\nDepois proponha uma variação do exercício. Aguarde minha tentativa antes de dar feedback.", "legacyIds": [ "Seu assistente de estudos-Pratique tutoria", "Pratique tutoria-Seu assistente de estudos" ] }, "aiLearning.seu-assistente-de-estudos.deepening": { "id": "aiLearning.seu-assistente-de-estudos.deepening", "groupId": "aiLearning.seu-assistente-de-estudos", "title": "Desafio de aprofundamento", "kind": "challenge", "ai": "focused", "description": "Escolha uma decisão de Seu assistente de estudos no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "aiLearning.escolha-uma-ferramenta", "aiLearning.pratique-tutoria" ], "resourceIds": [ "resource.cursor", "resource.cursorPrompts", "resource.claude", "resource.claudePractices", "resource.codex", "resource.codexPrompts", "resource.ai" ], "legacyIds": [] }, "react.configuracao-com-vite.basics": { "id": "react.configuracao-com-vite.basics", "groupId": "react.configuracao-com-vite", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.vite", "resource.reactSetup", "resource.cra" ], "kind": "concept", "legacyIds": [ "Configuração com Vite-O básico", "O básico-Configuração com Vite" ] }, "react.configuracao-com-vite.practice": { "id": "react.configuracao-com-vite.practice", "groupId": "react.configuracao-com-vite", "title": "Pratique e confira", "description": "Crie um projeto React + TypeScript e execute desenvolvimento, checagem de tipos e build.", "requires": [ "react.configuracao-com-vite.basics" ], "resourceIds": [ "resource.vite", "resource.reactSetup", "resource.cra" ], "kind": "practice", "legacyIds": [ "Configuração com Vite-Pratique e confira", "Pratique e confira-Configuração com Vite" ] }, "react.configuracao-com-vite.deepening": { "id": "react.configuracao-com-vite.deepening", "groupId": "react.configuracao-com-vite", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Escolha uma decisão de Configuração com Vite no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "react.configuracao-com-vite.basics", "react.configuracao-com-vite.practice" ], "resourceIds": [ "resource.vite", "resource.reactSetup", "resource.cra" ], "legacyIds": [] }, "react.jsx-componentes-e-props.basics": { "id": "react.jsx-componentes-e-props.basics", "groupId": "react.jsx-componentes-e-props", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.react" ], "kind": "concept", "legacyIds": [ "JSX, componentes e props-O básico", "O básico-JSX, componentes e props" ] }, "react.jsx-componentes-e-props.practice": { "id": "react.jsx-componentes-e-props.practice", "groupId": "react.jsx-componentes-e-props", "title": "Pratique e confira", "description": "Divida um catálogo em componentes e passe dados por props, sem alterar os dados recebidos.", "requires": [ "react.jsx-componentes-e-props.basics" ], "resourceIds": [ "resource.react" ], "kind": "practice", "legacyIds": [ "JSX, componentes e props-Pratique e confira", "Pratique e confira-JSX, componentes e props" ] }, "react.jsx-componentes-e-props.deepening": { "id": "react.jsx-componentes-e-props.deepening", "groupId": "react.jsx-componentes-e-props", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Escolha uma decisão de JSX, componentes e props no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "react.jsx-componentes-e-props.basics", "react.jsx-componentes-e-props.practice" ], "resourceIds": [ "resource.react" ], "legacyIds": [] }, "react.estado-e-eventos.basics": { "id": "react.estado-e-eventos.basics", "groupId": "react.estado-e-eventos", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.react" ], "kind": "concept", "legacyIds": [ "Estado e eventos-O básico", "O básico-Estado e eventos" ] }, "react.estado-e-eventos.practice": { "id": "react.estado-e-eventos.practice", "groupId": "react.estado-e-eventos", "title": "Pratique e confira", "description": "Implemente busca e favoritos sem duplicar estado que pode ser calculado.", "requires": [ "react.estado-e-eventos.basics" ], "resourceIds": [ "resource.react" ], "kind": "practice", "legacyIds": [ "Estado e eventos-Pratique e confira", "Pratique e confira-Estado e eventos" ] }, "react.estado-e-eventos.deepening": { "id": "react.estado-e-eventos.deepening", "groupId": "react.estado-e-eventos", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Escolha uma decisão de Estado e eventos no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "react.estado-e-eventos.basics", "react.estado-e-eventos.practice" ], "resourceIds": [ "resource.react" ], "legacyIds": [] }, "aiLearning.prompts-para-aprender-e-construir.basics": { "id": "aiLearning.prompts-para-aprender-e-construir.basics", "groupId": "aiLearning.prompts-para-aprender-e-construir", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.codexPrompts", "resource.cursorPrompts", "resource.claudePractices" ], "kind": "concept", "ai": "focused", "legacyIds": [ "Prompts para aprender e construir-O básico", "O básico-Prompts para aprender e construir" ] }, "aiLearning.prompts-para-aprender-e-construir.practice": { "id": "aiLearning.prompts-para-aprender-e-construir.practice", "groupId": "aiLearning.prompts-para-aprender-e-construir", "title": "Pratique e confira", "description": "Compare um pedido vago com um pedido que inclui sua tentativa e critérios. Execute os exemplos e registre qual informação melhorou a resposta.", "requires": [ "aiLearning.prompts-para-aprender-e-construir.basics" ], "resourceIds": [ "resource.codexPrompts", "resource.cursorPrompts", "resource.claudePractices" ], "kind": "practice", "ai": "focused", "prompt": "Estou aprendendo [conceito] na trilha [nome].\nMeu objetivo é [resultado pequeno e observável].\nJá tentei [tentativa] e observei [resultado ou erro].\nUse este trecho como contexto: [código ou exemplo sem dados privados].\nExplique a ideia com um exemplo curto e faça uma pergunta para conferir minha compreensão.\nDepois proponha uma variação do exercício. Aguarde minha tentativa antes de dar feedback.", "legacyIds": [ "Prompts para aprender e construir-Pratique e confira", "Pratique e confira-Prompts para aprender e construir" ] }, "aiLearning.prompts-para-aprender-e-construir.deepening": { "id": "aiLearning.prompts-para-aprender-e-construir.deepening", "groupId": "aiLearning.prompts-para-aprender-e-construir", "title": "Desafio de aprofundamento", "kind": "challenge", "ai": "focused", "description": "Escolha uma decisão de Prompts para aprender e construir no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "aiLearning.prompts-para-aprender-e-construir.basics", "aiLearning.prompts-para-aprender-e-construir.practice" ], "resourceIds": [ "resource.codexPrompts", "resource.cursorPrompts", "resource.claudePractices" ], "legacyIds": [] }, "aiLearning.contexto-util-e-dados-protegidos.basics": { "id": "aiLearning.contexto-util-e-dados-protegidos.basics", "groupId": "aiLearning.contexto-util-e-dados-protegidos", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.cursorPrompts", "resource.codexPrompts", "resource.ai" ], "kind": "concept", "ai": "focused", "legacyIds": [ "Contexto útil e dados protegidos-O básico", "O básico-Contexto útil e dados protegidos" ] }, "aiLearning.contexto-util-e-dados-protegidos.practice": { "id": "aiLearning.contexto-util-e-dados-protegidos.practice", "groupId": "aiLearning.contexto-util-e-dados-protegidos", "title": "Pratique e confira", "description": "Peça ajuda para a mesma dúvida com e sem o trecho relevante. Identifique uma suposição incorreta e corrija o contexto antes de aceitar a solução.", "requires": [ "aiLearning.contexto-util-e-dados-protegidos.basics" ], "resourceIds": [ "resource.cursorPrompts", "resource.codexPrompts", "resource.ai" ], "kind": "practice", "ai": "focused", "legacyIds": [ "Contexto útil e dados protegidos-Pratique e confira", "Pratique e confira-Contexto útil e dados protegidos" ] }, "aiLearning.contexto-util-e-dados-protegidos.deepening": { "id": "aiLearning.contexto-util-e-dados-protegidos.deepening", "groupId": "aiLearning.contexto-util-e-dados-protegidos", "title": "Desafio de aprofundamento", "kind": "challenge", "ai": "focused", "description": "Escolha uma decisão de Contexto útil e dados protegidos no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "aiLearning.contexto-util-e-dados-protegidos.basics", "aiLearning.contexto-util-e-dados-protegidos.practice" ], "resourceIds": [ "resource.cursorPrompts", "resource.codexPrompts", "resource.ai" ], "legacyIds": [] }, "react.interface-com-estado.criteria": { "id": "react.interface-com-estado.criteria", "groupId": "react.interface-com-estado", "title": "Critérios de conclusão", "description": "Use keys estáveis, mantenha estado perto de quem precisa dele e faça o formulário funcionar com teclado. Explique cada atualização de estado.", "requires": [], "resourceIds": [ "resource.react", "resource.accessibility" ], "kind": "criteria", "legacyIds": [ "Interface com estado-Critérios de conclusão", "Critérios de conclusão-Interface com estado" ] }, "react.interface-com-estado.ai-practice": { "id": "react.interface-com-estado.ai-practice", "groupId": "react.interface-com-estado", "title": "Prática de IA neste projeto", "description": "Planeje e explique o primeiro recorte antes de implementar. Adapte o prompt ao que você já construiu nesta etapa. Acrescente uma interação ao componente e explique onde o estado deve ficar.", "requires": [ "react.interface-com-estado.criteria" ], "resourceIds": [ "resource.codexPrompts", "resource.cursorPrompts", "resource.claudePractices" ], "kind": "practice", "ai": "assisted", "prompt": "Projeto: Interface com estado.\nObjetivo: investigar estado duplicado ou um Effect desnecessário e propor uma mudança pequena no componente.\nContexto: [componente, props, fluxo de eventos e teste ou reprodução do comportamento].\nNesta etapa: Planeje e explique o primeiro recorte antes de implementar.\nLimites: apenas este projeto de laboratório; use as ferramentas já escolhidas, dados públicos ou sintéticos e não exponha segredos.\nCritérios: estado e eventos permanecem corretos, Effects necessários têm cleanup e o teste cobre comportamento visível.\nMostre as hipóteses e como verificá-las. Informe o que foi executado e o que ainda falta conferir.", "legacyIds": [ "Interface com estado-Prática de IA neste projeto", "Prática de IA neste projeto-Interface com estado" ] }, "react.interface-com-estado.verification": { "id": "react.interface-com-estado.verification", "groupId": "react.interface-com-estado", "title": "Registre sua verificação", "description": "Registre um prompt sanitizado, uma sugestão aceita ou corrigida, a verificação executada e seu resultado. Explique a mudança com suas palavras. Conclua o projeto após demonstrar os critérios, mesmo quando parte do código vier de IA.", "requires": [ "react.interface-com-estado.criteria" ], "resourceIds": [ "resource.git", "resource.ai" ], "kind": "practice", "ai": "assisted", "legacyIds": [ "Interface com estado-Registre sua verificação", "Registre sua verificação-Interface com estado" ] }, "react.interface-com-estado.deepening": { "id": "react.interface-com-estado.deepening", "groupId": "react.interface-com-estado", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Escolha uma decisão de Interface com estado no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "react.interface-com-estado.criteria", "react.interface-com-estado.ai-practice", "react.interface-com-estado.verification" ], "resourceIds": [ "resource.react", "resource.accessibility", "resource.codexPrompts", "resource.cursorPrompts", "resource.claudePractices", "resource.git", "resource.ai" ], "legacyIds": [] }, "react.effects-e-refs.basics": { "id": "react.effects-e-refs.basics", "groupId": "react.effects-e-refs", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.effects", "resource.react" ], "kind": "concept", "legacyIds": [ "Effects e refs-O básico", "O básico-Effects e refs" ] }, "react.effects-e-refs.practice": { "id": "react.effects-e-refs.practice", "groupId": "react.effects-e-refs", "title": "Pratique e confira", "description": "Remova um Effect desnecessário e demonstre a limpeza de uma assinatura ou requisição.", "requires": [ "react.effects-e-refs.basics" ], "resourceIds": [ "resource.effects", "resource.react" ], "kind": "practice", "legacyIds": [ "Effects e refs-Pratique e confira", "Pratique e confira-Effects e refs" ] }, "react.effects-e-refs.deepening": { "id": "react.effects-e-refs.deepening", "groupId": "react.effects-e-refs", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Escolha uma decisão de Effects e refs no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "react.effects-e-refs.basics", "react.effects-e-refs.practice" ], "resourceIds": [ "resource.effects", "resource.react" ], "legacyIds": [] }, "react.rotas-e-requisicoes.basics": { "id": "react.rotas-e-requisicoes.basics", "groupId": "react.rotas-e-requisicoes", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.router", "resource.fetch" ], "kind": "concept", "legacyIds": [ "Rotas e requisições-O básico", "O básico-Rotas e requisições" ] }, "react.rotas-e-requisicoes.practice": { "id": "react.rotas-e-requisicoes.practice", "groupId": "react.rotas-e-requisicoes", "title": "Pratique e confira", "description": "Crie uma tela de detalhe acessível pela URL e trate resposta vazia, falha e mudanças rápidas de rota.", "requires": [ "react.rotas-e-requisicoes.basics" ], "resourceIds": [ "resource.router", "resource.fetch" ], "kind": "practice", "legacyIds": [ "Rotas e requisições-Pratique e confira", "Pratique e confira-Rotas e requisições" ] }, "react.rotas-e-requisicoes.deepening": { "id": "react.rotas-e-requisicoes.deepening", "groupId": "react.rotas-e-requisicoes", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Escolha uma decisão de Rotas e requisições no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "react.rotas-e-requisicoes.basics", "react.rotas-e-requisicoes.practice" ], "resourceIds": [ "resource.router", "resource.fetch" ], "legacyIds": [] }, "curriculum.acessibilidade.basics": { "id": "curriculum.acessibilidade.basics", "groupId": "curriculum.acessibilidade", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.accessibility" ], "kind": "concept", "legacyIds": [ "Acessibilidade-O básico", "O básico-Acessibilidade" ] }, "curriculum.acessibilidade.practice": { "id": "curriculum.acessibilidade.practice", "groupId": "curriculum.acessibilidade", "title": "Pratique e confira", "description": "Peça à IA que sugira uma lista de verificações. Conclua uma tarefa apenas com teclado e confira labels, foco e anúncios de erro com leitor de tela; a revisão do código não confirma sozinha a acessibilidade.", "requires": [ "curriculum.acessibilidade.basics" ], "resourceIds": [ "resource.accessibility" ], "kind": "practice", "legacyIds": [ "Acessibilidade-Pratique e confira", "Pratique e confira-Acessibilidade" ] }, "curriculum.acessibilidade.deepening": { "id": "curriculum.acessibilidade.deepening", "groupId": "curriculum.acessibilidade", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Conclua o fluxo usando somente teclado e leitor de tela. Introduza e corrija uma falha de foco ou anúncio de erro, registrando a evidência.", "requires": [ "curriculum.acessibilidade.basics", "curriculum.acessibilidade.practice" ], "resourceIds": [ "resource.accessibility" ], "legacyIds": [] }, "react.testes-com-testing-library.basics": { "id": "react.testes-com-testing-library.basics", "groupId": "react.testes-com-testing-library", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.testingLibrary", "resource.vitest", "resource.playwright" ], "kind": "concept", "legacyIds": [ "Testes com Testing Library-O básico", "O básico-Testes com Testing Library" ] }, "react.testes-com-testing-library.practice": { "id": "react.testes-com-testing-library.practice", "groupId": "react.testes-com-testing-library", "title": "Pratique e confira", "description": "Teste envio inválido, carregamento e recuperação de erro; execute um fluxo completo no navegador.", "requires": [ "react.testes-com-testing-library.basics" ], "resourceIds": [ "resource.testingLibrary", "resource.vitest", "resource.playwright" ], "kind": "practice", "legacyIds": [ "Testes com Testing Library-Pratique e confira", "Pratique e confira-Testes com Testing Library" ] }, "react.testes-com-testing-library.deepening": { "id": "react.testes-com-testing-library.deepening", "groupId": "react.testes-com-testing-library", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Escolha uma decisão de Testes com Testing Library no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "react.testes-com-testing-library.basics", "react.testes-com-testing-library.practice" ], "resourceIds": [ "resource.testingLibrary", "resource.vitest", "resource.playwright" ], "legacyIds": [] }, "react.reducer-e-context.basics": { "id": "react.reducer-e-context.basics", "groupId": "react.reducer-e-context", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.react" ], "kind": "concept", "legacyIds": [ "Reducer e Context-O básico", "O básico-Reducer e Context" ] }, "react.reducer-e-context.practice": { "id": "react.reducer-e-context.practice", "groupId": "react.reducer-e-context", "title": "Pratique e confira", "description": "Implemente um carrinho com reducer e explique por que cada estado é local ou compartilhado.", "requires": [ "react.reducer-e-context.basics" ], "resourceIds": [ "resource.react" ], "kind": "practice", "legacyIds": [ "Reducer e Context-Pratique e confira", "Pratique e confira-Reducer e Context" ] }, "react.reducer-e-context.deepening": { "id": "react.reducer-e-context.deepening", "groupId": "react.reducer-e-context", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Escolha uma decisão de Reducer e Context no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "react.reducer-e-context.basics", "react.reducer-e-context.practice" ], "resourceIds": [ "resource.react" ], "legacyIds": [] }, "react.build-e-desempenho.basics": { "id": "react.build-e-desempenho.basics", "groupId": "react.build-e-desempenho", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.vite", "resource.performance", "resource.actions" ], "kind": "concept", "legacyIds": [ "Build e desempenho-O básico", "O básico-Build e desempenho" ] }, "react.build-e-desempenho.practice": { "id": "react.build-e-desempenho.practice", "groupId": "react.build-e-desempenho", "title": "Pratique e confira", "description": "Demonstre build reproduzível e uma melhoria de desempenho com evidência.", "requires": [ "react.build-e-desempenho.basics" ], "resourceIds": [ "resource.vite", "resource.performance", "resource.actions" ], "kind": "practice", "legacyIds": [ "Build e desempenho-Pratique e confira", "Pratique e confira-Build e desempenho" ] }, "react.build-e-desempenho.deepening": { "id": "react.build-e-desempenho.deepening", "groupId": "react.build-e-desempenho", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Escolha uma decisão de Build e desempenho no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "react.build-e-desempenho.basics", "react.build-e-desempenho.practice" ], "resourceIds": [ "resource.vite", "resource.performance", "resource.actions" ], "legacyIds": [] }, "aiLearning.planejar-implementar-e-revisar.basics": { "id": "aiLearning.planejar-implementar-e-revisar.basics", "groupId": "aiLearning.planejar-implementar-e-revisar", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.claudePractices", "resource.codexPrompts", "resource.cursor" ], "kind": "concept", "ai": "focused", "legacyIds": [ "Planejar, implementar e revisar-O básico", "O básico-Planejar, implementar e revisar" ] }, "aiLearning.planejar-implementar-e-revisar.practice": { "id": "aiLearning.planejar-implementar-e-revisar.practice", "groupId": "aiLearning.planejar-implementar-e-revisar", "title": "Pratique e confira", "description": "Implemente uma pequena mudança em parceria. Explique o diff, rejeite ou ajuste uma sugestão e acrescente um caso de teste que não veio da mesma proposta.", "requires": [ "aiLearning.planejar-implementar-e-revisar.basics" ], "resourceIds": [ "resource.claudePractices", "resource.codexPrompts", "resource.cursor" ], "kind": "practice", "ai": "focused", "prompt": "Quero implementar [mudança pequena] neste projeto.\nContexto: [arquivos relevantes, comportamento atual e versão].\nResultado esperado: [exemplo de entrada e saída].\nLimites: [arquivos que podem mudar e requisitos que devem ser preservados].\nPrimeiro proponha um plano curto e a verificação. Depois trabalharemos uma etapa por vez.\nAo implementar, mostre o diff, explique as decisões e informe os comandos executados e seus resultados.", "legacyIds": [ "Planejar, implementar e revisar-Pratique e confira", "Pratique e confira-Planejar, implementar e revisar" ] }, "aiLearning.planejar-implementar-e-revisar.deepening": { "id": "aiLearning.planejar-implementar-e-revisar.deepening", "groupId": "aiLearning.planejar-implementar-e-revisar", "title": "Desafio de aprofundamento", "kind": "challenge", "ai": "focused", "description": "Escolha uma decisão de Planejar, implementar e revisar no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "aiLearning.planejar-implementar-e-revisar.basics", "aiLearning.planejar-implementar-e-revisar.practice" ], "resourceIds": [ "resource.claudePractices", "resource.codexPrompts", "resource.cursor" ], "legacyIds": [] }, "aiLearning.depuracao-com-evidencias.basics": { "id": "aiLearning.depuracao-com-evidencias.basics", "groupId": "aiLearning.depuracao-com-evidencias", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.claudePractices", "resource.codexPrompts" ], "kind": "concept", "ai": "focused", "legacyIds": [ "Depuração com evidências-O básico", "O básico-Depuração com evidências" ] }, "aiLearning.depuracao-com-evidencias.practice": { "id": "aiLearning.depuracao-com-evidencias.practice", "groupId": "aiLearning.depuracao-com-evidencias", "title": "Pratique e confira", "description": "Introduza um bug no laboratório, confirme uma hipótese por log, breakpoint ou teste e verifique uma correção mínima.", "requires": [ "aiLearning.depuracao-com-evidencias.basics" ], "resourceIds": [ "resource.claudePractices", "resource.codexPrompts" ], "kind": "practice", "ai": "focused", "prompt": "Problema reproduzível: [passos].\nEsperado: [resultado]. Observado: [resultado ou erro sanitizado].\nContexto: [trecho, configuração e versões relevantes].\nListe até três hipóteses e uma verificação para distinguir cada uma.\nPrimeiro vamos confirmar a causa. Depois proponha a menor correção e um teste de regressão.", "legacyIds": [ "Depuração com evidências-Pratique e confira", "Pratique e confira-Depuração com evidências" ] }, "aiLearning.depuracao-com-evidencias.deepening": { "id": "aiLearning.depuracao-com-evidencias.deepening", "groupId": "aiLearning.depuracao-com-evidencias", "title": "Desafio de aprofundamento", "kind": "challenge", "ai": "focused", "description": "Escolha uma decisão de Depuração com evidências no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "aiLearning.depuracao-com-evidencias.basics", "aiLearning.depuracao-com-evidencias.practice" ], "resourceIds": [ "resource.claudePractices", "resource.codexPrompts" ], "legacyIds": [] }, "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.basics": { "id": "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.basics", "groupId": "aiLearning.instrucoes-do-projeto-e-escopo-do-agente", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.cursorRules", "resource.claudePractices", "resource.codexRules" ], "kind": "concept", "ai": "focused", "legacyIds": [ "Instruções do projeto e escopo do agente-O básico", "O básico-Instruções do projeto e escopo do agente" ] }, "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.practice": { "id": "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.practice", "groupId": "aiLearning.instrucoes-do-projeto-e-escopo-do-agente", "title": "Pratique e confira", "description": "Escreva instruções curtas com comandos reais do projeto. Peça uma alteração pequena e confira que as instruções foram usadas e que o diff respeita o escopo.", "requires": [ "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.basics" ], "resourceIds": [ "resource.cursorRules", "resource.claudePractices", "resource.codexRules" ], "kind": "practice", "ai": "focused", "legacyIds": [ "Instruções do projeto e escopo do agente-Pratique e confira", "Pratique e confira-Instruções do projeto e escopo do agente" ] }, "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.deepening": { "id": "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.deepening", "groupId": "aiLearning.instrucoes-do-projeto-e-escopo-do-agente", "title": "Desafio de aprofundamento", "kind": "challenge", "ai": "focused", "description": "Escolha uma decisão de Instruções do projeto e escopo do agente no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.basics", "aiLearning.instrucoes-do-projeto-e-escopo-do-agente.practice" ], "resourceIds": [ "resource.cursorRules", "resource.claudePractices", "resource.codexRules" ], "legacyIds": [] }, "aiLearning.validar-trabalho-gerado-por-ia.basics": { "id": "aiLearning.validar-trabalho-gerado-por-ia.basics", "groupId": "aiLearning.validar-trabalho-gerado-por-ia", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.claudePractices", "resource.ai", "resource.codexPrompts" ], "kind": "concept", "ai": "focused", "legacyIds": [ "Validar trabalho gerado por IA-O básico", "O básico-Validar trabalho gerado por IA" ] }, "aiLearning.validar-trabalho-gerado-por-ia.practice": { "id": "aiLearning.validar-trabalho-gerado-por-ia.practice", "groupId": "aiLearning.validar-trabalho-gerado-por-ia", "title": "Pratique e confira", "description": "Revise uma proposta que parece correta, mas tem um caso-limite errado. Acrescente uma verificação independente, corrija e documente a evidência.", "requires": [ "aiLearning.validar-trabalho-gerado-por-ia.basics" ], "resourceIds": [ "resource.claudePractices", "resource.ai", "resource.codexPrompts" ], "kind": "practice", "ai": "focused", "legacyIds": [ "Validar trabalho gerado por IA-Pratique e confira", "Pratique e confira-Validar trabalho gerado por IA" ] }, "aiLearning.validar-trabalho-gerado-por-ia.deepening": { "id": "aiLearning.validar-trabalho-gerado-por-ia.deepening", "groupId": "aiLearning.validar-trabalho-gerado-por-ia", "title": "Desafio de aprofundamento", "kind": "challenge", "ai": "focused", "description": "Escolha uma decisão de Validar trabalho gerado por IA no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "aiLearning.validar-trabalho-gerado-por-ia.basics", "aiLearning.validar-trabalho-gerado-por-ia.practice" ], "resourceIds": [ "resource.claudePractices", "resource.ai", "resource.codexPrompts" ], "legacyIds": [] }, "react.aplicacao-react-publicavel.criteria": { "id": "react.aplicacao-react-publicavel.criteria", "groupId": "react.aplicacao-react-publicavel", "title": "Critérios de conclusão", "description": "Publique uma demo, automatize build e testes, valide teclado e documente decisões de estado e dados. Corrija uma issue relatada por outra pessoa.", "requires": [], "resourceIds": [ "resource.react", "resource.router", "resource.actions" ], "kind": "criteria", "legacyIds": [ "Aplicação React publicável-Critérios de conclusão", "Critérios de conclusão-Aplicação React publicável" ] }, "react.aplicacao-react-publicavel.ai-practice": { "id": "react.aplicacao-react-publicavel.ai-practice", "groupId": "react.aplicacao-react-publicavel", "title": "Prática de IA neste projeto", "description": "Delegue uma tarefa pequena e revise o diff e a evidência de execução. Adapte o prompt ao que você já construiu nesta etapa. Acrescente uma interação ao componente e explique onde o estado deve ficar.", "requires": [ "react.aplicacao-react-publicavel.criteria" ], "resourceIds": [ "resource.codexPrompts", "resource.cursorPrompts", "resource.claudePractices" ], "kind": "practice", "ai": "assisted", "prompt": "Projeto: Aplicação React publicável.\nObjetivo: investigar estado duplicado ou um Effect desnecessário e propor uma mudança pequena no componente.\nContexto: [componente, props, fluxo de eventos e teste ou reprodução do comportamento].\nNesta etapa: Delegue uma tarefa pequena e revise o diff e a evidência de execução.\nLimites: apenas este projeto de laboratório; use as ferramentas já escolhidas, dados públicos ou sintéticos e não exponha segredos.\nCritérios: estado e eventos permanecem corretos, Effects necessários têm cleanup e o teste cobre comportamento visível.\nMostre as hipóteses e como verificá-las. Informe o que foi executado e o que ainda falta conferir.", "legacyIds": [ "Aplicação React publicável-Prática de IA neste projeto", "Prática de IA neste projeto-Aplicação React publicável" ] }, "react.aplicacao-react-publicavel.verification": { "id": "react.aplicacao-react-publicavel.verification", "groupId": "react.aplicacao-react-publicavel", "title": "Registre sua verificação", "description": "Registre um prompt sanitizado, uma sugestão aceita ou corrigida, a verificação executada e seu resultado. Explique a mudança com suas palavras. Conclua o projeto após demonstrar os critérios, mesmo quando parte do código vier de IA.", "requires": [ "react.aplicacao-react-publicavel.criteria" ], "resourceIds": [ "resource.git", "resource.ai" ], "kind": "practice", "ai": "assisted", "legacyIds": [ "Aplicação React publicável-Registre sua verificação", "Registre sua verificação-Aplicação React publicável" ] }, "react.aplicacao-react-publicavel.deepening": { "id": "react.aplicacao-react-publicavel.deepening", "groupId": "react.aplicacao-react-publicavel", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Escolha uma decisão de Aplicação React publicável no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "react.aplicacao-react-publicavel.criteria", "react.aplicacao-react-publicavel.ai-practice", "react.aplicacao-react-publicavel.verification" ], "resourceIds": [ "resource.react", "resource.router", "resource.actions", "resource.codexPrompts", "resource.cursorPrompts", "resource.claudePractices", "resource.git", "resource.ai" ], "legacyIds": [] }, "curriculum.portfolio-e-candidatura.basics": { "id": "curriculum.portfolio-e-candidatura.basics", "groupId": "curriculum.portfolio-e-candidatura", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.git", "resource.contribute" ], "kind": "concept", "legacyIds": [ "Portfólio e candidatura-O básico", "O básico-Portfólio e candidatura" ] }, "curriculum.portfolio-e-candidatura.practice": { "id": "curriculum.portfolio-e-candidatura.practice", "groupId": "curriculum.portfolio-e-candidatura", "title": "Pratique e confira", "description": "Peça feedback sobre um projeto, corrija uma issue e explique sua contribuição. Compare vagas de entrada e escolha uma lacuna concreta para estudar.", "requires": [ "curriculum.portfolio-e-candidatura.basics" ], "resourceIds": [ "resource.git", "resource.contribute" ], "kind": "practice", "legacyIds": [ "Portfólio e candidatura-Pratique e confira", "Pratique e confira-Portfólio e candidatura" ] }, "curriculum.portfolio-e-candidatura.deepening": { "id": "curriculum.portfolio-e-candidatura.deepening", "groupId": "curriculum.portfolio-e-candidatura", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Escolha uma decisão de Portfólio e candidatura no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "curriculum.portfolio-e-candidatura.basics", "curriculum.portfolio-e-candidatura.practice" ], "resourceIds": [ "resource.git", "resource.contribute" ], "legacyIds": [] }, "curriculum.ia-no-fluxo-de-trabalho.basics": { "id": "curriculum.ia-no-fluxo-de-trabalho.basics", "groupId": "curriculum.ia-no-fluxo-de-trabalho", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.ai" ], "kind": "concept", "ai": "focused", "legacyIds": [ "IA no fluxo de trabalho-O básico", "O básico-IA no fluxo de trabalho" ] }, "curriculum.ia-no-fluxo-de-trabalho.practice": { "id": "curriculum.ia-no-fluxo-de-trabalho.practice", "groupId": "curriculum.ia-no-fluxo-de-trabalho", "title": "Pratique e confira", "description": "Compare uma sugestão de IA com sua solução, identifique uma limitação e teste a mudança. Explique o código sem depender da ferramenta.", "requires": [ "curriculum.ia-no-fluxo-de-trabalho.basics" ], "resourceIds": [ "resource.ai" ], "kind": "practice", "ai": "focused", "legacyIds": [ "IA no fluxo de trabalho-Pratique e confira", "Pratique e confira-IA no fluxo de trabalho" ] }, "curriculum.ia-no-fluxo-de-trabalho.deepening": { "id": "curriculum.ia-no-fluxo-de-trabalho.deepening", "groupId": "curriculum.ia-no-fluxo-de-trabalho", "title": "Desafio de aprofundamento", "kind": "challenge", "ai": "focused", "description": "Escolha uma decisão de IA no fluxo de trabalho no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "curriculum.ia-no-fluxo-de-trabalho.basics", "curriculum.ia-no-fluxo-de-trabalho.practice" ], "resourceIds": [ "resource.ai" ], "legacyIds": [] }, "react.frameworks-e-react-no-servidor.basics": { "id": "react.frameworks-e-react-no-servidor.basics", "groupId": "react.frameworks-e-react-no-servidor", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.next", "resource.reactSetup" ], "kind": "concept", "legacyIds": [ "Frameworks e React no servidor-O básico", "O básico-Frameworks e React no servidor" ] }, "react.frameworks-e-react-no-servidor.practice": { "id": "react.frameworks-e-react-no-servidor.practice", "groupId": "react.frameworks-e-react-no-servidor", "title": "Pratique e confira", "description": "Compare uma rota renderizada no servidor com a versão cliente e explique segurança, cache e custo de complexidade.", "requires": [ "react.frameworks-e-react-no-servidor.basics" ], "resourceIds": [ "resource.next", "resource.reactSetup" ], "kind": "practice", "legacyIds": [ "Frameworks e React no servidor-Pratique e confira", "Pratique e confira-Frameworks e React no servidor" ] }, "react.frameworks-e-react-no-servidor.deepening": { "id": "react.frameworks-e-react-no-servidor.deepening", "groupId": "react.frameworks-e-react-no-servidor", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Escolha uma decisão de Frameworks e React no servidor no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "react.frameworks-e-react-no-servidor.basics", "react.frameworks-e-react-no-servidor.practice" ], "resourceIds": [ "resource.next", "resource.reactSetup" ], "legacyIds": [] }, "react.arquitetura-e-recursos-avancados.basics": { "id": "react.arquitetura-e-recursos-avancados.basics", "groupId": "react.arquitetura-e-recursos-avancados", "title": "O básico", "description": "", "requires": [], "resourceIds": [ "resource.react" ], "kind": "concept", "legacyIds": [ "Arquitetura e recursos avançados-O básico", "O básico-Arquitetura e recursos avançados" ] }, "react.arquitetura-e-recursos-avancados.practice": { "id": "react.arquitetura-e-recursos-avancados.practice", "groupId": "react.arquitetura-e-recursos-avancados", "title": "Pratique e confira", "description": "Extraia um hook com responsabilidade clara e demonstre um tratamento de erro útil ao usuário.", "requires": [ "react.arquitetura-e-recursos-avancados.basics" ], "resourceIds": [ "resource.react" ], "kind": "practice", "legacyIds": [ "Arquitetura e recursos avançados-Pratique e confira", "Pratique e confira-Arquitetura e recursos avançados" ] }, "react.arquitetura-e-recursos-avancados.deepening": { "id": "react.arquitetura-e-recursos-avancados.deepening", "groupId": "react.arquitetura-e-recursos-avancados", "title": "Desafio de aprofundamento", "kind": "challenge", "description": "Escolha uma decisão de Arquitetura e recursos avançados no seu projeto. Construa uma segunda solução, compare os resultados com um caso de teste e explique os limites de cada abordagem. Use as referências para verificar sua conclusão.", "requires": [ "react.arquitetura-e-recursos-avancados.basics", "react.arquitetura-e-recursos-avancados.practice" ], "resourceIds": [ "resource.react" ], "legacyIds": [] } }, "resources": { "resource.js": { "id": "resource.js", "title": "MDN: guia de JavaScript (português)", "url": "https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide", "language": "pt-BR", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.fetch": { "id": "resource.fetch", "title": "MDN: usando Fetch (português)", "url": "https://developer.mozilla.org/pt-BR/docs/Web/API/Fetch_API/Using_Fetch", "language": "pt-BR", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.ts": { "id": "resource.ts", "title": "TypeScript: handbook (inglês)", "url": "https://www.typescriptlang.org/docs/handbook/intro.html", "language": "en", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.youtubeBranasTs": { "id": "resource.youtubeBranasTs", "title": "Rodrigo Branas: masterclass de TypeScript (português; vídeos gratuitos no YouTube)", "url": "https://www.youtube.com/c/RodrigoBranas", "language": "pt-BR", "kind": "Assista", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.youtubeRocketseatTs": { "id": "resource.youtubeRocketseatTs", "title": "Rocketseat: TypeScript na prática (português; vídeos gratuitos no YouTube)", "url": "https://www.youtube.com/c/rocketseat", "language": "pt-BR", "kind": "Assista", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.cursor": { "id": "resource.cursor", "title": "Cursor: uso do agente (inglês; documentação gratuita)", "url": "https://cursor.com/docs/agent/overview", "language": "en", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.cursorPrompts": { "id": "resource.cursorPrompts", "title": "Cursor: prompts e contexto (inglês; documentação gratuita)", "url": "https://cursor.com/docs/agent/prompting", "language": "en", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.claude": { "id": "resource.claude", "title": "Claude Code: primeiros passos (inglês; documentação gratuita)", "url": "https://code.claude.com/docs/en/quickstart", "language": "en", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.claudePractices": { "id": "resource.claudePractices", "title": "Claude Code: boas práticas (inglês; documentação gratuita)", "url": "https://code.claude.com/docs/en/best-practices", "language": "en", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.codex": { "id": "resource.codex", "title": "OpenAI: primeiros passos com Codex (inglês; documentação gratuita)", "url": "https://developers.openai.com/codex/quickstart/", "language": "en", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.codexPrompts": { "id": "resource.codexPrompts", "title": "OpenAI: prompting para tarefas de código (inglês; documentação gratuita)", "url": "https://developers.openai.com/codex/prompting/", "language": "en", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.ai": { "id": "resource.ai", "title": "GitHub: uso responsável de sugestões de IA (português)", "url": "https://docs.github.com/pt/copilot/responsible-use/copilot-code-completion", "language": "pt-BR", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.vite": { "id": "resource.vite", "title": "Vite: primeiros passos (português)", "url": "https://pt.vite.dev/guide/", "language": "pt-BR", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.reactSetup": { "id": "resource.reactSetup", "title": "React: criar um projeto (português)", "url": "https://pt-br.react.dev/learn/creating-a-react-app", "language": "pt-BR", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.cra": { "id": "resource.cra", "title": "React: descontinuação do Create React App (inglês)", "url": "https://react.dev/blog/2025/02/14/sunsetting-create-react-app", "language": "en", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.react": { "id": "resource.react", "title": "React: aprenda React (português)", "url": "https://pt-br.react.dev/learn", "language": "pt-BR", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.accessibility": { "id": "resource.accessibility", "title": "MDN: acessibilidade (português)", "url": "https://developer.mozilla.org/pt-BR/docs/Web/Accessibility", "language": "pt-BR", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.git": { "id": "resource.git", "title": "Pro Git: livro gratuito (português)", "url": "https://git-scm.com/book/pt-br/v2", "language": "pt-BR", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.effects": { "id": "resource.effects", "title": "React: talvez você não precise de um Effect (português)", "url": "https://pt-br.react.dev/learn/you-might-not-need-an-effect", "language": "pt-BR", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.router": { "id": "resource.router", "title": "React Router: modos e primeiros passos (inglês)", "url": "https://reactrouter.com/start/modes", "language": "en", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.testingLibrary": { "id": "resource.testingLibrary", "title": "Testing Library: testes centrados no usuário (inglês)", "url": "https://testing-library.com/docs/react-testing-library/intro/", "language": "en", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.vitest": { "id": "resource.vitest", "title": "Vitest: primeiros passos (inglês)", "url": "https://vitest.dev/guide/", "language": "en", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.playwright": { "id": "resource.playwright", "title": "Playwright: testes de ponta a ponta (inglês)", "url": "https://playwright.dev/docs/intro", "language": "en", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.performance": { "id": "resource.performance", "title": "web.dev: métricas de desempenho (português)", "url": "https://web.dev/articles/vitals?hl=pt-br", "language": "pt-BR", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.actions": { "id": "resource.actions", "title": "GitHub Actions: integração contínua (português)", "url": "https://docs.github.com/pt/actions/get-started/continuous-integration", "language": "pt-BR", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.cursorRules": { "id": "resource.cursorRules", "title": "Cursor: regras do projeto (inglês; documentação gratuita)", "url": "https://cursor.com/docs/rules", "language": "en", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.codexRules": { "id": "resource.codexRules", "title": "OpenAI: instruções de projeto com AGENTS.md (inglês; documentação gratuita)", "url": "https://developers.openai.com/codex/guides/agents-md/", "language": "en", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.contribute": { "id": "resource.contribute", "title": "GitHub: como contribuir com projetos (português)", "url": "https://docs.github.com/pt/get-started/exploring-projects-on-github/contributing-to-a-project", "language": "pt-BR", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null }, "resource.next": { "id": "resource.next", "title": "Next.js: curso oficial de aplicação completa (inglês)", "url": "https://nextjs.org/learn", "language": "en", "kind": "Leia", "free": true, "estimatedMinutes": null, "lastReviewedAt": null } } }