React: componentes, estado e decisões de interface
Aprende React com componentes, estado, formulários, dados assíncronos e entrega. Interpreta código e cenários em perguntas originais de escolha única ou múltipla.
Módulos e aulas
Abre uma aula para começar. Podes seguir a ordem ou voltar a qualquer conceito.
Componentes, props e renderização pura
Construir componentes web que recebem dados e descrevem uma interface sem alterar as entradas. Interpretar JSX, composição e a diferença entre render e commit.
60 minEventos, snapshots de estado e filas de atualização
Interpretar callbacks, valores capturados e a composição das atualizações de estado. Distinguir propagação de eventos, comportamento por omissão e o contrato de uma ação adiada.
60 minEstrutura do estado e identidade dos componentes
Escolher o estado essencial, atualizar objetos sem alterar snapshots anteriores e definir quando um rascunho deve ser preservado ou reinicializado.
60 minFormulários, contratos DOM e acessibilidade
Definir quem controla cada campo, associar labels aos inputs e diagnosticar edição, submissão e perda de foco sem confundir estado React com identidade DOM.
60 minReducers, contexto e estado partilhado
Centralizar transições puras num reducer e distribuir estado pela subárvore adequada. Diagnosticar campos perdidos, providers incorretos e mudanças de identidade no value.
60 minEffects, refs e sincronização externa
Sincronizar subscrições com o ciclo de vida do componente, declarar dependências e usar refs sem esperar atualizações visuais automáticas.
60 minDados assíncronos, Suspense e limites de erro
Distinguir espera, falha e resultado obsoleto. Integrar leitura de Promises com Suspense e Error Boundaries e definir a aceitação de respostas que chegam fora de ordem.
60 minDesempenho, transições e decisões de renderização
Escolher otimizações preservando comportamento: memoização, cálculo puro, prioridade de atualizações e apresentação de valores adiados. Distinguir medição, cache e ordenação de pedidos.
60 minTestar comportamentos e delimitar a evidência
Escolher consultas e interações que observam contratos de interface. Interpretar testes assíncronos, isolamento e limites de evidência sem confundir uma resposta preparada com integração real.
65 minEntrega, hidratação e limites do servidor
Distinguir montagem cliente de hidratação, conservar a saída inicial e interpretar fronteiras de módulos em React Server Components. Delimitar dados transportados e HTML bruto.
65 minObjetivos e percurso
Aprende React com componentes, estado, formulários, dados assíncronos e entrega. Interpreta código e cenários em perguntas originais de escolha única ou múltipla.
Para quem
Programadores web e equipas de suporte que precisam de interpretar componentes React, explicar comportamento e diagnosticar falhas de interface.
Pré-requisitos
Fundamentos de JavaScript: funções, objetos, arrays, módulos, Promises e leitura de código. Noções de HTML e CSS. TypeScript é uma progressão relacionada quando usado pelo projeto. As avaliações não exigem instalar ferramentas nem executar código.
O que vais aprender
- Compor interfaces com props, estado e identidade explícitos.
- Diagnosticar formulários, contexto e sincronização de recursos.
- Separar carregamento, erro e otimização sem perder correção.
- Interpretar evidência de testes, hidratação e limites servidor/cliente.
O que está disponível
10 aulas · 100 perguntas regulares · 20 casos
Avaliação final interna: 40 exercícios em 90 minutos. Simulados completos ainda indisponíveis.
As avaliações e os simulados reutilizam exercícios do percurso. Não atribuem certificações nem garantem aprovação num exame externo.
Âmbito, revisão e limitações
Dez aulas com 100 perguntas regulares e 20 casos originais PT-PT/EN. Aprende a compor interfaces, conservar identidade e estado, sincronizar recursos e interpretar carregamento, erros, testes e hidratação. A base é React 19.3.0 para web com JSX. Todas as avaliações usam escolha única ou múltipla, com excertos e cenários, sem execução de código. A avaliação final reutiliza 40 itens do percurso em 90 minutos. Os fundamentos de JavaScript e TypeScript pertencem a percursos separados; não se presume uma implementação completa de framework ou React Native.
Avaliação interna de 40 perguntas em 90 minutos, reutilizadas do percurso, com escolha única ou múltipla e sem execução de código. Não é um exame oficial nem atribui certificação externa.
Formação e avaliação independentes, com perguntas e cenários originais. Sem afiliação, autorização, patrocínio ou aprovação da React Foundation e sem atribuição de certificação oficial. As designações tecnológicas são usadas para identificar os conteúdos; todas as marcas pertencem aos respetivos titulares.
Referências e versão
Consulta as fontes, a versão do conteúdo e os limites deste percurso.
Versão deste percurso
React 19.3.0; JSX
Conteúdo revisto em 14/10/2026
Fontes de aprendizagem
- React versionsConsultado em 14/10/2026
- React Foundation ownershipConsultado em 14/10/2026
- Defining componentsConsultado em 14/10/2026
- JSX rules and fragmentsConsultado em 14/10/2026
- Default prop valuesConsultado em 14/10/2026
Ver mais 76 referências
- JSX as childrenConsultado em 14/10/2026
- Props across rendersConsultado em 14/10/2026
- Render purityConsultado em 14/10/2026
- Local mutation in renderConsultado em 14/10/2026
- Where side effects belongConsultado em 14/10/2026
- Passing event handlersConsultado em 14/10/2026
- Custom handler propsConsultado em 14/10/2026
- Event propagationConsultado em 14/10/2026
- Default browser behaviorConsultado em 14/10/2026
- Render snapshots of stateConsultado em 14/10/2026
- Snapshots across delayed callbacksConsultado em 14/10/2026
- Batching in handlersConsultado em 14/10/2026
- Updater compositionConsultado em 14/10/2026
- Replacement then updaterConsultado em 14/10/2026
- Later replacement and updater purityConsultado em 14/10/2026
- Render and commitConsultado em 14/10/2026
- State setter contractConsultado em 14/10/2026
- React event object methodsConsultado em 14/10/2026
- Form submission and button typeConsultado em 14/10/2026
- Essential state and contradictionsConsultado em 14/10/2026
- Selection by identityConsultado em 14/10/2026
- Initial props versus ongoing controlConsultado em 14/10/2026
- Nested object replacementConsultado em 14/10/2026
- Shared objects in copied arraysConsultado em 14/10/2026
- State and tree positionConsultado em 14/10/2026
- Preserving same component stateConsultado em 14/10/2026
- Removing a component resets stateConsultado em 14/10/2026
- Keys and intentional resetConsultado em 14/10/2026
- Form reset boundaryConsultado em 14/10/2026
- Stable list identityConsultado em 14/10/2026
- Programmatic labelsConsultado em 14/10/2026
- Uncontrolled defaultsConsultado em 14/10/2026
- Controlled input contractConsultado em 14/10/2026
- Editable versus readonly inputConsultado em 14/10/2026
- Checkbox stateConsultado em 14/10/2026
- Caret and remount diagnosisConsultado em 14/10/2026
- Input lifetime modeConsultado em 14/10/2026
- Reducer contractConsultado em 14/10/2026
- Dispatch and next stateConsultado em 14/10/2026
- Complete reducer resultConsultado em 14/10/2026
- Context selection and propagationConsultado em 14/10/2026
- Context default boundariesConsultado em 14/10/2026
- Context value identityConsultado em 14/10/2026
- State and dispatch providersConsultado em 14/10/2026
- Effect lifecycle and dependenciesConsultado em 14/10/2026
- Symmetric subscription cleanupConsultado em 14/10/2026
- Cleanup versus once-only guardsConsultado em 14/10/2026
- Object dependenciesConsultado em 14/10/2026
- Ref lifetime and render boundariesConsultado em 14/10/2026
- DOM refs and event actionsConsultado em 14/10/2026
- Out-of-order Effect resultsConsultado em 14/10/2026
- Suspense boundariesConsultado em 14/10/2026
- Suspense activationConsultado em 14/10/2026
- Reading cached promisesConsultado em 14/10/2026
- Error Boundary scopeConsultado em 14/10/2026
- Transition constraintsConsultado em 14/10/2026
- Immediate transition callbackConsultado em 14/10/2026
- Async transition orderingConsultado em 14/10/2026
- Deferred value constraintsConsultado em 14/10/2026
- Memo comparison and guaranteesConsultado em 14/10/2026
- Memo and local stateConsultado em 14/10/2026
- Memo and contextConsultado em 14/10/2026
- Custom comparison reviewConsultado em 14/10/2026
- Pure cached calculationsConsultado em 14/10/2026
- Synchronizing React test updatesConsultado em 14/10/2026
- Queries, presence and scopeConsultado em 14/10/2026
- User interactions with user-event v14Consultado em 14/10/2026
- Unmounting test treesConsultado em 14/10/2026
- Initial hydration contractConsultado em 14/10/2026
- Recoverable hydration errorsConsultado em 14/10/2026
- Bounded hydration warning suppressionConsultado em 14/10/2026
- Client root creationConsultado em 14/10/2026
- Server Components and implementation versionsConsultado em 14/10/2026
- Client module boundariesConsultado em 14/10/2026
- Supported server-to-client propsConsultado em 14/10/2026
- Raw HTML trust boundaryConsultado em 14/10/2026
Preparação independente. Consulta os objetivos, o conteúdo disponível e os limites de cobertura antes de planear o estudo.
Formação e avaliação independentes, com perguntas e cenários originais. Sem afiliação, autorização, patrocínio ou aprovação da React Foundation e sem atribuição de certificação oficial. As designações tecnológicas são usadas para identificar os conteúdos; todas as marcas pertencem aos respetivos titulares.
React é um projeto da React Foundation, acolhida pela Linux Foundation. As designações e marcas pertencem aos respetivos titulares. Este percurso independente não é afiliado, autorizado, patrocinado ou aprovado pela React Foundation ou pela Linux Foundation.