Workshop
React para iniciantes
Nível
97 aulas
6h42
Assistir agora
1. Introdução
Aprenda os conceitos básicos para dar os primeiros passos no React
- Iniciando Aplicativo com JavaScript
- Configurando Ambiente Node & React
- Gerenciando Node.js com NVM
- Servidor Node.js Local Setup
- Elementos Dinâmicos com JavaScript
- Facilitando o JavaScript com React
- Criando Elementos HTML com React
- React: Do Imperativo ao Declarativo
- Entendendo JSX no React
- Babel e a Transformação JSX
- Configurando React com Vite
- Servidor Local com Vite
- Tour pelo Projeto Vite
- Limpando Arquivos no Vite
- Configuração do S-Link e Exportações
- Automatizando Código com Prettier
- Estilização React com Vite
- Tailwind Configuração Rápida
- Tailwind: Produtividade vs. HTML Sujo
- Tailwind CSS IntelliSense no VS Code
- Customização Tailwind e React
- Anatomia dos Componentes React
- Dividindo Componentes no React
- Dividindo Componentes no Figma
- Estrutura de Componentes React
- Planejando Componentes React
- Construindo Aplicação React
- Exportando Componentes no React
- Entendendo o JSX
- React: Variáveis e Componentes JSX
- Eventos JSX Simplificados
- Renderização Condicional no React
- Transformando Listas com `map`
- JSX: className no React
- Renderização Condicional em JSX
- Introdução ao React Prático
- Iniciando com React: Guia B ásico
- Organização de Pastas de Projeto
- Barra de Navegação React
- Ícones: Lucide vs React
- Navbar com Tailwind e React
- Design e Desenvolvimento Conectados
- Componente Hero: Design e Implementação
- Hero Responsivo com Tailwind
- Design Harmonioso com Tailwind
- Tags Alt e Performance WebP
- Otimização de Imagens Online
- Carregamento Inteligente de Imagens
- Estruturando Imóveis com CSS Grid
- Exibindo Imóveis com CSS Grid
- Componentização com Property Card
- Componentes React com Tailwind CSS
- Corrigindo Imagens Ausentes
- Integração de Props e Dicas VS Code
- Atualização no Property Card
- Badge Destacado em Imóveis
- Passando Props no React
- Spread Operator em JavaScript
- Formulário de Contato React
- JSX e Atributos HTML
- Footer Semântico e Dicas VS Code
- React: Props e Estado Explorados
- Estado vs Props no React
- Gerenciamento de Estado com useState
- Formulários React: Controlados vs. Não Controlados
- React DevTools no Chrome
- Formulário Controlado React: Dicas Essenciais
- Efeitos no React com useEffect
- Chamadas de API com useEffect
- API Simulada com React
- Context API no React
- Context API para Propriedades Destacadas
- Otimização com Context API
- Separação da Lógica com Provider
- Hooks Customizados e Importações React
- Criando hook customizado
- Filtro de Imóveis no Site
- Input de Pesquisa Dinâmico
- Filtragem de Imóveis com Context API
- Busca Avançada de Imóveis
- Encerramento do Workshop React