Menonloading
loading
Build a DIGITAL CLOCK using React in 15 minutes! 🕒
React tutorial for beginners ⚛️ (2024)
#reactjs #tutorial #course This is a beginner's project using only useState() and useEffect() to create a clock that you can add to your portfolio. 00:00:00 setup 00:02:23 CSS 00:07:22 declarations 00:07:50 useEffect() 00:10:06 formatTime() 00:13:25 padZero() 00:15:28 conclusion
About the course
40lessons
4hours
Lessons
- React tutorial for beginners ⚛️
- React tutorial for beginners ⚛️
- React CARD components 🃏
- React CARD components 🃏
- React js how to add CSS styles 🎨
- React js how to add CSS styles 🎨
- PROPS in React explained 📧
- PROPS in React explained 📧
- How to CONDITIONAL RENDER in React ❓
- How to CONDITIONAL RENDER in React ❓
- How to render LISTS in React 📃
- How to render LISTS in React 📃
- Learn React Click Events 👆
- Learn React Click Events 👆
- React useState() hook introduction 🎣
- React useState() hook introduction 🎣
- Learn the React onChange event handler 🚦
- Learn the React onChange event handler 🚦
- Build this React Color Picker app in 10 minutes 🖌
- Build this React Color Picker app in 10 minutes 🖌
- What are React updater functions? 🔄
- What are React updater functions? 🔄
- React JS how to update OBJECTS in state 🚗
- React JS how to update OBJECTS in state 🚗
- React JS how to update ARRAYS in state 🍎
- React JS how to update ARRAYS in state 🍎
- React JS update ARRAY of OBJECTS in state 🚘
- React JS update ARRAY of OBJECTS in state 🚘
- Build this React To-Do List app in 20 minutes! ☝
- Build this React To-Do List app in 20 minutes! ☝
- React useEffect() hook introduction 🌟
- React useEffect() hook introduction 🌟
- Build a DIGITAL CLOCK using React in 15 minutes! 🕒
- Build a DIGITAL CLOCK using React in 15 minutes! 🕒
- React useContext() hook introduction 🧗♂️
- React useContext() hook introduction 🧗♂️
- React useRef() hook introduction 🗳️
- React useRef() hook introduction 🗳️
- Build a Stopwatch using React in 20 minutes! ⏱
- Build a Stopwatch using React in 20 minutes! ⏱