Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.
PricingCoursesLog in
For TeamsWhy Scrimba?
Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.
Pricing
PricingCreate Account
Log in
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.

Karma

DashboardConnect to DiscordFind a courseSettingsNew scrim
Log out

Build a meme generator

This playlist is part of Learn React

Build a meme generator

69 lessons5 hours 26 min

1. Section Intro & Figma file
4:17
2. Meme Generator: Header
5:08
3. Meme Generator: Form
6:01
4. Update: Accessibility Audit
3:37
5. Project analysis
1:04
6. Event Listeners
6:07
7. Project: Get random meme
5:42
8. Our current conundrum
8:09
9. Props vs. State: Props
5:08
10. Props vs. State: State
4:28
11. Props vs. State Quiz!
4:03
12. useState
3:52
13. useState array destructuring
1:46
14. Changing state
3:03
15. useState - Counter practice
5:45
16. useState - Changing state with a callback function
4:18
17. Changing state quiz!
2:30
18. Project: Add images to the meme generator
2:56
19. Challenge: ternary practice
3:50
20. Challenge: flipping state back and forth
5:59
21. A11y Update - replace div
3:19
22. Complex state: arrays
10:28
23. Complex state: objects
3:58
24. Complex state: updating state objects
6:35
25. Project: Refactor state
4:10
26. Passing state as props
5:52
27. Setting state from child components
6:28
28. Update: addressing a11y issues
5:11
29. Passing data around
6:26
30. Boxes challenge part 1
3:49
31. Dynamic styles
5:42
32. Boxes challenge part 2
3:37
33. Boxes challenge part 3.1 - local state
4:54
34. Boxes challenge part 3.2 - unified state
7:45
35. Boxes challenge part 4
5:50
36. Boxes challenge part 5
5:57
37. Boxes update: a11y fixes
1:09
38. Conditional rendering: &&
6:36
39. Conditional rendering: && practice
1:45
40. Conditional rendering: ternary
2:49
41. Conditional rendering practice
4:45
42. Conditional rendering quiz!
3:56
43. React forms intro
3:25
44. Watch for input changes in React
4:30
45. Form inputs practice
2:22
46. Forms state object
6:09
47. Form state object practice
1:49
48. Controlled inputs
4:14
49. Forms in React: Textarea
3:33
50. Forms in React: Checkbox
6:39
51. Forms in React: Radio buttons
6:00
52. Forms in React: Select & Option
2:49
53. Forms in React: Submitting the form
4:31
54. Accessible labels - useId
5:48
55. Forms quiz!
3:13
56. Sign up form practice
8:26
57. Project: Add text to image
3:58
58. Making API calls
4:00
59. Intro to useEffect
5:43
60. useEffect() syntax and default behavior
2:59
61. useEffect dependencies array
8:01
62. useEffect quiz!
3:48
63. useEffect for fetching data
5:48
64. useEffect: when to use dependencies
3:02
65. Project: Get Memes from API
8:11
66. State and Effect practices
7:02
67. useEffect cleanup function
5:53
68. Using an async function inside useEffect
3:07
69. React Section 3 Recap
2:17

HomePlans & PricingTeacher talent program

Community

Explore the communityPodcastYouTubeGet Scrimba emails

Courses

All courses Self-paced BootcampFree coursesPro courses

Company

About usSupport centerTermsPrivacy

Built with Imba