Laboratórios Práticos de React

Name: Laboratórios Práticos de React
Author: Labby

Este curso contém muitos laboratórios para React, cada laboratório é um pequeno projeto React com orientação e soluções detalhadas. Você pode praticar suas habilidades em React completando esses laboratórios, aprimorar suas habilidades de codificação e aprender a escrever código limpo e eficiente.

Desenvolvimento Web

💡 Este tutorial foi traduzido do inglês com assistência de IA. Para ver o original, você pode mudar para a versão em inglês

Programa

Criar Spinner Reutilizável em React

Criar Componente de Link de E-mail em React

Elemento Textarea Não Controlado

Campo de Entrada Não Controlado

Entrada de Intervalo Não Controlada

Componente de Lista React Dinâmica

Tabela React Dinâmica com Dados Primitivos

Visualização de Tabela de Objetos

Elemento Select Não Controlado

Ligação Automática de Texto

React useComponentDidMount Hook

React useComponentWillUnmount Hook

React useIsomporphicEffect Hook

React useOnGlobalEvent Hook

React useOnWindowResize Hook

React useUnload Hook

React useOnWindowScroll Hook

Criação de Componente Carousel em React

React useEventListener Hook

React useFetch Hook

React useInterval Hook

React useMediaQuery Hook

React usePortal Hook

React useScript Hook

React useTimeout Hook

React useWindowSize Hook

React useClickInside Hook

React useClickOutside Hook

Campo de Entrada Controlado

Carregamento Lento de Imagens em React

Textarea com Limite de Caracteres

Textarea com Limite de Palavras

Criando um Componente Modal Reutilizável em React

React useAsync Hook

Hook useComponentDidUpdate do React

React useCopyToClipboard Hook

React useDebounce Hook

React useDefault Hook

React useEffectOnce Hook

React useError Hook

React useForm Hook

React useGetSet Hook

React useHash Hook

Hook useLocalStorage em React

React useMergeState Hook

Hook React usePersistedState

React usePrevious Hook

React useRequestAnimationFrame Hook

Hook React useSearchParam

Hook React useSessionStorage

React useTitle Hook

React useUpdate Hook

Área de Arrastar e Soltar Arquivos

React useHover Hook

Hook React useKeyPress

Construindo um Acordeão Recolhível em React

Criar Alerta Fechável em React

Criar Componentes React Recolhíveis

Componente de Temporizador de Contagem Regressiva React

Criar Componente de Classificação por Estrelas em React

Componente de Alternância (Toggle) Reutilizável em React

Criando Tooltips React Personalizáveis

React useNavigatorOnLine Hook

React useToggler Hook

Checkbox com Estado e Seleção Múltipla

Botão com Efeito Ripple

React useBodyScrollLock Hook

React useMutationObserver Hook

React useDelayedState Hook

Construindo um Componente de Abas (Tabs) Reutilizável em React

Visualização de Árvore de Objetos Expansível

React useIntersectionObserver Hook

React useMap Hook

Hook useSet do React

React useSSR Hook

Introdução

Este curso abrangente de Laboratórios Práticos de React foi projetado para ajudá-lo a dominar os fundamentos do React, trabalhando em uma série de projetos práticos. Com foco na aplicação prática, este curso oferece uma oportunidade única para aprimorar suas habilidades em React e construir uma base sólida para a criação de aplicações web dinâmicas.

🎯 Tarefas

Neste curso, você aprenderá:

Como configurar um ambiente de desenvolvimento React e criar um novo projeto React
Compreender os conceitos principais do React, como componentes, estado (state) e props
Implementar padrões comuns e as melhores práticas do React
Construir vários componentes React, incluindo componentes funcionais e baseados em classe
Gerenciar o estado (state) e o fluxo de dados em aplicações React
Utilizar React hooks para simplificar o gerenciamento de estado (state) e os métodos de ciclo de vida
Integrar React com outras bibliotecas e frameworks
Otimizar aplicações React para desempenho e escalabilidade
Implementar técnicas de teste e depuração para projetos React

🏆 Conquistas

Após concluir este curso, você será capaz de:

Criar e implantar com confiança aplicações web baseadas em React
Demonstrar um profundo entendimento dos princípios fundamentais e das melhores práticas do React
Usar efetivamente React hooks para gerenciar o estado (state) e o ciclo de vida em suas aplicações
Integrar React com outras tecnologias e bibliotecas para construir aplicações web complexas e ricas em recursos
Escrever código React limpo, sustentável e eficiente
Solucionar problemas e depurar aplicações React usando ferramentas e técnicas padrão da indústria
Apresentar suas habilidades em React e projetos de portfólio para potenciais empregadores ou clientes

Professor

Labby

Labby is the LabEx teacher.