Courses
All courses
AI Path
Frontend Path
Pricing
Courses
Log in
For Teams
Courses
All courses
AI Path
Frontend Path
Pricing
Pricing
Create Account
Log in
Go Pro!
Courses
All courses
AI Path
Frontend Path
Karma
Dashboard
Connect to Discord
Find a course
Settings
New scrim
Log out
Build a notes app and Tenzies game
This playlist is part of
Learn React
Build a notes app and Tenzies game
45 lessons
3 hours 10 min
1. Section 4 Intro
2:33
2. Warm-up: Add Dark/Light modes to ReactFacts site
6:39
3. Notes App: Intro
9:55
4. Notes App: Features to add
1:25
5. Notes App: Sync notes with localStorage
5:59
6. Lazy State Initialization
5:12
7. Notes App: Note summary title
4:51
8. Notes App: Bump recent note to the top
6:49
9. Notes App: Delete note
8:57
10. Update to Notes app - adding Firebase! 🔥
2:17
11. Updating to Vite
3:53
12. Small refactors
3:01
13. Local Setup
2:47
14. Firebase Intro & Setup
4:28
15. Firebase Code Setup
3:09
16. onSnapshot - part 1
6:56
17. onSnapshot - part 2
3:03
18. Create new blank note
2:10
19. Delete Note
2:54
20. Update note - part 1
2:26
21. Update note - part 2
3:53
22. Challenge: createdAt and updatedAt
2:54
23. Challenge: sort notes
3:58
24. Debouncing updates - part 1
3:21
25. Debouncing updates - part 2
4:44
26. Debouncing updates - part 3
8:07
27. Tenzies Project Intro
1:18
28. Tenzies: Setup
3:26
29. Tenzies: Die components
6:50
30. Tenzies: Generate array of 10 random numbers
3:53
31. Tenzies: Map array to Die components
3:08
32. Tenzies: Roll dice button
4:41
33. Tenzies: Change dice to objects
4:32
34. Tenzies: Styling held dice
3:38
35. Tenzies: Hold dice part 1
5:17
36. Tenzies: Hold dice part 2
3:09
37. Tenzies: Hold dice part 3
4:01
38. Tenzies: End game part 1
2:35
39. Tenzies: End game part 2
4:55
40. Tenzies: End game part 3
4:15
41. Tenzies: New Game
3:12
42. Tenzies: Extra Credit Ideas
1:35
43. Solo Project (PRO) - Quizzical
6:27
44. Check out the class components crash course!
1:06
45. Congratulations on completing Learn React! 🤩
5:53