Introdução
Primeiro Componente
Hooks
useState
Configuração de Ambiente
Configuração Vite com JSX
Usando Prettier no Desenvolvimento
Configurando ESLint e Prettier
Configurando Vite e React
HTML Mais Limpo com React
Introdução ao JSX
Revisão e organizando o código
Radix UI e Componentes
Componente React Editable
React: Desestruturação e Radix UI
Radix UI: Popover no React
Aprimorando o Componente Editable
Estilizando Popover no React
Hooks
Introduzindo `useContext` no React
Utilizando `useContext` no React
Automatizando Props em React
Componente Controlado
Componentes
Chaves Únicas no React
Desenvolvendo Componentes React
SVGs em Componentes React
Fundo Personalizado com React e CSS
React Router
Rotas com React Router
Mais Hooks
Parâmetros e Hooks no React Router
Memoização em React: useMemo e useCallback
Refatoração React com useEffect
Outros Tópicos
Integre Temas no VS Code
React DevTools em Ação
Hooks Personalizados no React
Redesign de Botões Interativos
Aprimorando o Design do Modal
Aperfeiçoando a Lista de Temas
Modal Automatizado
Refatoração de Estilos CSS
Finalização
Encerramento
Introdução
Primeiro Componente
Hooks
useState
Configuração de Ambiente
Configuração Vite com JSX
Usando Prettier no Desenvolvimento
Configurando ESLint e Prettier
Configurando Vite e React
HTML Mais Limpo com React
Introdução ao JSX
Revisão e organizando o código
Radix UI e Componentes
Componente React Editable
React: Desestruturação e Radix UI
Radix UI: Popover no React
Aprimorando o Componente Editable
Estilizando Popover no React
Hooks
Introduzindo `useContext` no React
Utilizando `useContext` no React
Automatizando Props em React
Componente Controlado
Componentes
Chaves Únicas no React
Desenvolvendo Componentes React
SVGs em Componentes React
Fundo Personalizado com React e CSS
React Router
Rotas com React Router
Mais Hooks
Parâmetros e Hooks no React Router
Memoização em React: useMemo e useCallback
Refatoração React com useEffect
Outros Tópicos
Integre Temas no VS Code
React DevTools em Ação
Hooks Personalizados no React
Redesign de Botões Interativos
Aprimorando o Design do Modal
Aperfeiçoando a Lista de Temas
Modal Automatizado
Refatoração de Estilos CSS
Finalização
Encerramento
Memoização em React: useMemo e useCallback
Exploramos a memoização em React, utilizando `useMemo` e `useCallback` para otimizar o desempenho do componente. Discutimos quando aplicar esses recursos, destacando a importância de usá-los apenas quando realmente necessário.