Mini Projetos

Resolução do Mini Projeto

Calculadora de IMC com React

Introdução

Introdução e Apresentação do Projeto

Iniciando o projeto com Vite e TailwindCSS

Estrutura e Estilização

A Estrutura do HTML

Estilizando com TailwindCSS

Componentizando o Label

Componentizando o Button e o Input

Usando o tailwind-merge e o clsx

Lógica da Calculadora no React

Estruturando a lógica da calculadora

Usando um formulário não controlado

Criando validações e transformando strings

Calculando o IMC e adicionando ao estado

Renderizando condicionalmente o resultado

Formatando os números com a Intl API

Limpando o formulário

Finalizando

Introdução

Introdução e Apresentação do Projeto

Iniciando o projeto com Vite e TailwindCSS

Estrutura e Estilização

A Estrutura do HTML

Estilizando com TailwindCSS

Componentizando o Label

Componentizando o Button e o Input

Usando o tailwind-merge e o clsx

Lógica da Calculadora no React

Estruturando a lógica da calculadora

Usando um formulário não controlado

Criando validações e transformando strings

Calculando o IMC e adicionando ao estado

Renderizando condicionalmente o resultado

Formatando os números com a Intl API

Limpando o formulário

Finalizando

Componentizando o Label

Vamos ver as melhores técnicas para criarmos componentes realmente flexíveis e que podem

Comentários

(0)