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

Conteúdo gratuito!

Este conteúdo é aberto e gratuito 🎉. Para acessá-lo, você precisa fazer o login.

Finalização

Missão cumprida, projeto finalizado!

Comentários

(2)

Wagner Dos Santos De Andradehá 4 meses

Parabéns pelo ótimo conteúdo e didática 🚀🚀🚀

Roberto Cestarihá 4 meses

Fala Wagner! Obrigado pelo elogio! Um abraço!