Tutoriais React
React oferece um caminho de aprendizado estruturado para criar interfaces de usuário modernas. Nossos tutoriais cobrem componentes React, gerenciamento de estado e hooks, adequados tanto para iniciantes quanto para desenvolvedores front-end experientes. Através de laboratórios práticos e exemplos práticos, você ganhará experiência na construção de UIs dinâmicas e responsivas. Nosso playground React interativo permite que você teste os recursos do React e veja resultados instantâneos.
Outras Árvores de Habilidades
LinuxDevOpsCibersegurançaAWSCybersecurity EngineerDevSecOpsRedes de computadoresCompTIAKali LinuxWiresharkNmapHydraRed Hat Enterprise LinuxTreinamento RHCSATreinamento RHCE in Enterprise LinuxTreinamento LFCSShellDevOps EngineerGitDockerKubernetesTreinamento CKATreinamento CKADTreinamento CKSAnsibleTreinamento RHCE in AnsibleJenkinsCloudflareBanco de DadosMySQLPostgreSQLRedisMongoDBSQLiteCiência de DadosBig DataPythonGolangRustJavaCC++Desenvolvimento Web
Manter uma única fonte de verdade para a agenda
Crie escolhas React coerentes, cartões atuais, totais derivados e filtros sem perder os IDs selecionados.
JavaScriptReact
Explicar conflitos e lembrar escolhas
Rejeite sobreposições e restaure uma agenda React só de IDs na mesma origem após atualizar o navegador.
JavaScriptReact
Transmitir uma conversa persistente
Crie um chat de suporte com sessão assinada usando o Cloudflare AIChatAgent, transmita uma resposta limitada do Workers AI e restaure o histórico persistente após a reconexão.
CloudflareReact
Exigir aprovação para alterações em registros
Pause uma alteração sintética em um registro para obter aprovação humana explícita, preserve a segurança em caso de recusa e torne entregas repetidas idempotentes.
CloudflareReact
Configuração do React e Primeiro App
Neste laboratório, você aprenderá os passos fundamentais para configurar um novo projeto React e executar sua primeira aplicação React usando Vite.
ReactJavaScript
Estado do React com Hooks
Neste laboratório, você aprenderá os fundamentos do gerenciamento de estado de componentes no React usando o Hook `useState`, construindo um aplicativo de contador simples.
React
React Props
Neste laboratório, você aprenderá os fundamentos das props no React, incluindo como passar dados de componentes pai para componentes filho, acessar props, usar desestruturação e definir valores padrão.
ReactJavaScript
Listas e Chaves no React
Neste laboratório, você aprenderá como renderizar listas de dados no React e a importância de usar chaves para itens de lista.
ReactJavaScript
Fundamentos de JSX em React
Neste laboratório, você aprenderá os fundamentos da sintaxe JSX em React, incluindo como escrever elementos, incorporar expressões e usar atributos.
ReactJavaScript
Fundamentos de Formulários em React
Neste laboratório, você aprenderá os fundamentos de manipulação de formulários em React, incluindo componentes controlados, gerenciamento de estado e manipulação de eventos.
React
Manipulação de Eventos no React
Neste laboratório, você aprenderá os fundamentos da manipulação de eventos no React, como cliques, anexando manipuladores de eventos (event handlers) a elementos JSX e definindo as funções correspondentes.
ReactJavaScript
Renderização Condicional em React
Neste laboratório, você aprenderá as técnicas fundamentais para renderização condicional em React, incluindo o uso do operador ternário, `&&` lógico, variáveis e estado para exibir componentes dinamicamente.
ReactJavaScript
Introdução aos Componentes React
Neste laboratório, você aprenderá os fundamentos dos componentes React criando, exportando e importando um componente funcional simples.
ReactJavaScript
Crie um Aplicativo de Notas Usando React
Neste projeto, criaremos um aplicativo de Notas simples usando React. O aplicativo permitirá que os usuários adicionem, editem e excluam notas. Dividiremos o desenvolvimento em várias etapas, garantindo que cada etapa atenda a requisitos específicos e adicione funcionalidades essenciais.
ReactJavaScriptCSS
Construindo um Aplicativo de Lista de Desejos de Natal com React
Este projeto guia você na construção de uma aplicação web festiva de Construtor de Lista de Desejos de Natal usando React. O aplicativo apresenta um belo fundo com tema natalino em tela cheia e uma encantadora animação de queda de neve, aprimorando o espírito natalino. Os usuários podem adicionar desejos a uma parede de desejos semitransparente, e cada desejo é apresentado como um cartão postal. Usaremos React para o frontend e CSS para estilização e animações.
ReactJavaScriptCSS
Construindo um Jogo de Quebra-Cabeça Drag-and-Drop em React
Neste projeto, criaremos um jogo de quebra-cabeça drag-and-drop usando React. Este é um excelente projeto para iniciantes aprenderem sobre componentes React, gerenciamento de estado e tratamento de interações do usuário. Ao final deste projeto, você terá um jogo de quebra-cabeça funcional.
ReactJavaScriptCSS
Seu Primeiro Laboratório React
Olá! Bem-vindo ao LabEx! Neste primeiro laboratório, você aprenderá o clássico programa 'Hello, World!' em React.
ReactJavaScript
Construir Componentes React Interativos
Neste projeto, você aprenderá como criar uma funcionalidade simples de mostrar/ocultar usando React. Você implementará um botão que alterna a visibilidade de uma imagem na página.
React
- Anterior
- 1
- 2
- Próximo