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çaKali LinuxDevOps EngineerCybersecurity EngineerBanco de DadosCiência de DadosRed Hat Enterprise LinuxCompTIADockerKubernetesPythonGitShellNmapWiresharkHydraJavaSQLitePostgreSQLMySQLRedisMongoDBGolangC++CJenkinsAnsiblePandasNumPyscikit-learnMatplotlibDesenvolvimento WebHTMLCSSJavaScript
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.
React
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.
React
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.
React
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.
React
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
Introdução aos Componentes React
Neste laboratório, você aprenderá os fundamentos dos componentes React criando, exportando e importando um componente funcional simples.
React
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.
React
Props do React
Neste laboratório, você aprenderá os fundamentos das props do React, incluindo como passar dados de componentes pai para filho, acessar props, usar desestruturação e definir valores padrão.
React
Crie um Pixel Art Animator com React
Neste projeto, vamos guiá-lo na construção de um Pixel Art Animator simples usando React. Ao final deste guia, você terá um editor de pixel art básico onde poderá desenhar sua pixel art e ver a animação resultante. Este projeto é amigável para iniciantes e oferece uma maneira divertida de mergulhar no mundo do React e da pixel art!
ReactCSS
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.
JavaScriptReact
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.
ReactCSS
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.
JavaScriptReact
Criar Cartão de Visita Responsivo com React
Neste projeto, você aprenderá como criar um cartão de visita pessoal usando React. O projeto envolve a construção de uma aplicação web responsiva e interativa que permite aos usuários inserir suas informações pessoais e gerar um cartão de visita personalizado.
JavaScriptReact
Implementando Recursos de Navegação em React
Neste projeto, você aprenderá como implementar recursos de navegação em uma aplicação React. Você criará uma aplicação simples com uma barra de navegação e páginas que podem ser navegadas usando links.
JavaScriptReact
Aplicação de Filtro de Cores em React
Neste projeto, você aprenderá como construir uma aplicação de filtro de cores usando React. A aplicação permitirá que os usuários filtrem uma lista de cores digitando o nome da cor que estão procurando. Este projeto ajudará você a entender como trabalhar com gerenciamento de estado, tratamento de eventos e renderização condicional em React.
JavaScriptReact
Navegação Responsiva com um Hook React Personalizado
Neste projeto, você aprenderá como criar um Hook React personalizado chamado useWindowSize para obter o tamanho atual da janela e usá-lo para renderizar condicionalmente a barra de navegação em uma aplicação web.
JavaScriptReact
Seu Primeiro Laboratório React
Olá! Bem-vindo ao LabEx! Neste primeiro laboratório, você aprenderá o clássico programa 'Hello, World!' em React.
React
- Anterior
- 1
- 2
- Próximo