Workshops

React para iniciantes

Fundamentos

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 ?

Preparação do ambiente

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

JSX e Componentes

Criando Elementos com React

Introdução ao React e JSX

Conceitos Básicos

Estrutura e Implementação de Componentes

Estilos com React

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

Trabalhando com Dados

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

Componentes Visuais

Exportando Imagens do Figma

Melhorando o Property Card

Preços e Localização Ajustados

Destaque de Imóveis

Técnicas avançadas

Spread Operator

Formuláros e Interatividades

Formulário de Contato: Estrutura Inicial

JSX e Tailwind no Formulário

Footer com Tailwind

Gerenciamento de Dados

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

Hooks e Context Api

Domine o useEffect

useEffect e Fetch

Simulação de API

Context API no React

Gerenciamento Global de Estado

Simplificando Estado com useContext

Organizando o Código com Providers

Solucionando Erros de Contexto

Hook Customizado

Projeto Prático e Encerramento

Filtro de Imóveis no Site

Filtro de Imóveis: Workshop Final

Conectando Busca com Context API

Filtragem de Propriedades

Fundamentos

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 ?

Preparação do ambiente

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

JSX e Componentes

Criando Elementos com React

Introdução ao React e JSX

Conceitos Básicos

Estrutura e Implementação de Componentes

Estilos com React

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

Trabalhando com Dados

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

Componentes Visuais

Exportando Imagens do Figma

Melhorando o Property Card

Preços e Localização Ajustados

Destaque de Imóveis

Técnicas avançadas

Spread Operator

Formuláros e Interatividades

Formulário de Contato: Estrutura Inicial

JSX e Tailwind no Formulário

Footer com Tailwind

Gerenciamento de Dados

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

Hooks e Context Api

Domine o useEffect

useEffect e Fetch

Simulação de API

Context API no React

Gerenciamento Global de Estado

Simplificando Estado com useContext

Organizando o Código com Providers

Solucionando Erros de Contexto

Hook Customizado

Projeto Prático e Encerramento

Filtro de Imóveis no Site

Filtro de Imóveis: Workshop Final

Conectando Busca com Context API

Filtragem de Propriedades

Construindo Interfaces Únicas

Discutimos a definição do React como uma biblioteca JavaScript criada pela equipe do Facebook para criar interfaces de usuário. Exploramos suas aplicações em web, mobile, 3D e realidade virtual.

Comentários

(0)