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

React Bootcamp Course

React Bootcamp Course

This playlist contains 118 interactive scrims.

React Bootcamp Course

118 lessons12 hours 29 min

1. Course Introduction and Overview
9:25
2. Setting the stage with modern JavaScript features
6:59
3. React.Fragment
5:18
4. Default Props
5:30
5. Prop Types
8:27
6. defaultProps and propTypes Practice
5:27
7. Code Reuse in React
4:33
8. React Children
9:18
9. Challenge: React Children
6:44
10. Higher Order Components (HOCs) Part 1
4:16
11. Higher Order Components (HOCs) Part 2
7:47
12. Challenge: Higher Order Components (HOCs)
5:38
13. Higher Order Components (HOCs) Part 3
26:00
14. Render Props Part 1
4:59
15. Render Props Part 2
13:54
16. Render Props Part 3
19:15
17. Challenge: Render Props
7:57
18. React's Tree Rendering 🌳
4:29
19. What is "Shallow Comparison"?
9:23
20. shouldComponentUpdate()
11:33
21. React.PureComponent
7:15
22. React.memo()
10:06
23. Context Intro
6:24
24. Context Provider
4:01
25. contextType
7:00
26. Challenge: Context Practice 1
5:29
27. Context.Consumer
12:12
28. Challenge: Context Practice 2
3:17
29. Move Context Provider to its own component
8:41
30. Challenge: Changing Context
6:36
31. Challenge: Context Practice 3
14:08
32. Context Conclusion
4:02
33. Hooks Intro
3:06
34. useState() Part 1 - Creating State
7:18
35. useState() Part 2 - Changing State
7:45
36. useState() Part 3 - Changing More Complex State
8:33
37. useEffect() Part 1
8:01
38. useEffect() Part 2
9:13
39. Speed Typing Game Intro
2:04
40. Speed Typing Game Part 1
2:58
41. Speed Typing Game Part 2
3:58
42. Speed Typing Game Part 3
7:17
43. Speed Typing Game Part 4
6:01
44. Speed Typing Game Part 5
6:49
45. Speed Typing Game Part 6
12:57
46. useRef
5:03
47. Speed Typing Game Part 7
5:11
48. useContext()
6:38
49. Hooks Practice - refactor themeContext
5:23
50. Custom Hooks
10:22
51. Custom Hooks practice - refactor toggler
11:08
52. Speed Typing Game Part 8
6:49
53. Intro to React Router
6:35
54. React Router - BrowserRouter
3:30
55. React Router - Link
3:19
56. React Router - Switch & Route
8:03
57. Challenge: React Router
4:33
58. React Router - props passed to routed components
4:17
59. React Router Nested Routes
7:39
60. React Router useParams
14:25
61. React Router useRouteMatch
5:35
62. React Router useHistory
5:07
63. React Router useLocation
2:54
64. React Router - Redirect
7:13
65. Challenge: React Router Practice Part 1
5:02
66. Challenge: React Router Practice Part 2
7:55
67. What we're building
5:20
68. React Router Setup
5:30
69. Context Setup
4:06
70. Context State
1:24
71. Fetch Photos
3:39
72. Map Photos
10:24
73. Track Hover State
2:41
74. Display Icons on Hover
3:31
75. Toggle isFavorite
8:55
76. Display Favorites
3:56
77. Image propTypes
4:23
78. Add Image to Cart
3:17
79. Indicate When Image is Already in Cart
5:58
80. Remove From Cart
4:28
81. Update Header Cart Icon
3:27
82. Cart Page Setup
5:04
83. Remove Items from Cart Page
2:07
84. Calculate Total Cost
3:07
85. Place Order
3:23
86. Minor UX Improvements
5:48
87. Custom Hover Hook
8:58
88. Redux Intro
8:38
89. Plain JS Redux - Overview
1:50
90. Plain JS Redux - Actions
1:39
91. Plain JS Redux - Action Creators
1:14
92. Plain JS Redux - Reducer
5:43
93. Plain JS Redux Practice 1
5:58
94. Plain JS Redux - Creating the Store
1:30
95. Plain JS Redux - subscribe and getState
1:37
96. Plain JS Redux - dispatch
5:15
97. Plain JS Redux - Payload in action creators
5:30
98. Plain JS Redux - Handling more complex state
7:04
99. Plain JS Redux - Practice
5:34
100. Plain JS Redux - Even more complex state
6:51
101. Plain JS Redux - combineReducers Part 1
10:33
102. Plain JS Redux - combineReducers Part 2
10:01
103. Plain JS Redux Practice 1
3:52
104. Plain JS Redux Practice 2
8:41
105. Redux in React - Setup & Practice
3:18
106. Redux in React - react-redux & Provider
3:39
107. Redux in React - connect()
4:22
108. Redux in React - mapStateToProps
6:14
109. Redux in React - mapDispatchToProps
6:34
110. Redux in React - useSelector()
3:11
111. Redux in React - useDispatch()
3:13
112. Redux in React - Redux Thunk
12:59
113. Getting Hired
9:21
114. Getting Hired - Edabit
2:41
115. Getting Hired - CodeSignal
2:13
116. Getting Hired - Pramp
2:01
117. Getting Hired - Problem Solving
5:59
118. Course Conclusion
3:32