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

Publicado el: 07 enero 2023
en el 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

En esta página del sitio puede ver el video en línea 01. Stopwatch/Count-Up Timer || Learn React Through Mini Projects de Duración online en buena calidad , que subió el usuario KC and the What Ifs 07 enero 2023, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 44,349 veces y le gustó 757 a los espectadores. Disfruta viendo!

19,948

158