Workshop
React para iniciantes
Nível
69 aulas
5h09
Assistir agora
1. Introdução
Aprenda os conceitos básicos para dar os primeiros passos no React
- Introdução
- Conhecimentos necessários
- Construindo Interfaces Únicas
- Biblioteca vs. Framework
- História do React
- DOM Virtual no React
- Evolução em Três Fases
- React ou Vanilla Web?
- Por que Usar React?
- Desvantagens do React
- Qual o melhor ? React, Vue ou Angular ?
- Iniciando com JavaScript e HTML
- Instalação do Node e NPM
- Instalando Node.js com NVM
- Servidor HTTP com Node e NPX
- Manipulação DOM com JavaScript
- React sem NPM: Exemplo Fácil
- Criando Elementos com React
- Introdução ao React e JSX
- Entendendo JSX
- JSX com Vite
- Conceitos Básicos
- Estrutura e Implementação de Componentes
- Navbar com Lucide Icons
- Explorando Ícones com Lucid
- Navbar Semântica
- Entrega de Design: Variações Empresariais
- Implementando Componente Hero
- Layout Responsivo com Tailwind
- Seção Hero: Estilização Tailwind
- Acessibilidade e Desempenho em Imagens
- Otimização de Imagens com Scux
- Otimização de Carregamento de Imagens
- Construindo Componentes
- Props e Comunicação
- Passando Dados com Props
- Props em React: Guia Prático
- Exibindo Dados Imobiliários
- Componente Property Card
- Continuação do componente
- Exportando Imagens do Figma
- Melhorando o Property Card
- Preços e Localização Ajustados
- Destaque de Imóveis
- Formulário de Contato: Estrutura Inicial
- JSX e Tailwind no Formulário
- Footer com Tailwind
- React: Props e Estado
- Props vs Estado em React
- Estado com useState no React
- Formulários no React: Controlados vs. Não Controlados
- Dominando React DevTools
- Formulário React: handleSubmit e Keys