01. Stopwatch/Count-Up Timer || Learn React Through Mini Projects

Publicado em: 07 Janeiro 2023
no canal de: KC and the What Ifs
44,349
757

How to build a stopwatch using React and Tailwind CSS?

Stopwatch aka count-up timer! Learn how to code a simple stopwatch web app in 6 easy steps and under 20 minutes.

Repo:
https://stackblitz.com/edit/react-qlq...

Learn React Playlist:
   • Learn React Through Mini Projects  

Next.js (TypeScript + App Router) and Tailwind CSS Playlist:
   • Learn Next.js + TailwindCSS In Components  

Links, as promised:
setInterval(), w3schools: https://www.w3schools.com/jsref/met_w...
Tailwind CSS: https://tailwindcss.com/docs/installa...

00:00 - Intro
00:22 - Step 1: Set Up React Project
00:46 - Step 2: useState (time)
02:32 - Step 3: useState (buttons)
03:36 - Step 4: useEffect
05:32 - Step 5: Conditional Rendering
06:25 - Step 6: Styling (Tailwind CSS)
10:06 - The End


Nesta página do site você pode assistir ao vídeo on-line 01. Stopwatch/Count-Up Timer || Learn React Through Mini Projects duração online em boa qualidade , que foi baixado pelo usuário KC and the What Ifs 07 Janeiro 2023, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 44,349 vezes e gostou 757 espectadores. Boa visualização!