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
Encerramento
Exploramos a interação de componentes com estilos do Visual Studio Dark no VS Code, criando uma interface dinâmica. Discutimos ajustes em title bar, editor e activity bar, aprimorando usabilidade e estética.
Comentários
(1)Lucas M. Larahá 5 dias
Excelente conteúdo, Jão!!! Parabéns! Aprendi um bocado de coisa diferente aqui!