React Bootcamp Course

1. Course Introduction and Overview

2. Setting the stage with modern JavaScript features

3. React.Fragment

4. Default Props

5. Prop Types

6. defaultProps and propTypes Practice

7. Code Reuse in React

8. React Children

9. Challenge: React Children

10. Higher Order Components (HOCs) Part 1

11. Higher Order Components (HOCs) Part 2

12. Challenge: Higher Order Components (HOCs)

13. Higher Order Components (HOCs) Part 3

14. Render Props Part 1

15. Render Props Part 2

16. Render Props Part 3

17. Challenge: Render Props

18. React's Tree Rendering 🌳

19. What is "Shallow Comparison"?

20. shouldComponentUpdate()

21. React.PureComponent

22. React.memo()

23. Context Intro

24. Context Provider

25. contextType

26. Challenge: Context Practice 1

27. Context.Consumer

28. Challenge: Context Practice 2

29. Move Context Provider to its own component

30. Challenge: Changing Context

31. Challenge: Context Practice 3

32. Context Conclusion

33. Hooks Intro

34. useState() Part 1 - Creating State

35. useState() Part 2 - Changing State

36. useState() Part 3 - Changing More Complex State

37. useEffect() Part 1

38. useEffect() Part 2

39. Speed Typing Game Intro

40. Speed Typing Game Part 1

41. Speed Typing Game Part 2

42. Speed Typing Game Part 3

43. Speed Typing Game Part 4

44. Speed Typing Game Part 5

45. Speed Typing Game Part 6

46. useRef

47. Speed Typing Game Part 7

48. useContext()

49. Hooks Practice - refactor themeContext

50. Custom Hooks

51. Custom Hooks practice - refactor toggler

52. Speed Typing Game Part 8

53. Intro to React Router

54. React Router - BrowserRouter

55. React Router - Link

56. React Router - Switch & Route

57. Challenge: React Router

58. React Router - props passed to routed components

59. React Router Nested Routes

60. React Router useParams

61. React Router useRouteMatch

62. React Router useHistory

63. React Router useLocation

64. React Router - Redirect

65. Challenge: React Router Practice Part 1

66. Challenge: React Router Practice Part 2

67. What we're building

68. React Router Setup

69. Context Setup

70. Context State

71. Fetch Photos

72. Map Photos

73. Track Hover State

74. Display Icons on Hover

75. Toggle isFavorite

76. Display Favorites

77. Image propTypes

78. Add Image to Cart

79. Indicate When Image is Already in Cart

80. Remove From Cart

81. Update Header Cart Icon

82. Cart Page Setup

83. Remove Items from Cart Page

84. Calculate Total Cost

85. Place Order

86. Minor UX Improvements

87. Custom Hover Hook

88. Redux Intro

89. Plain JS Redux - Overview

90. Plain JS Redux - Actions

91. Plain JS Redux - Action Creators

92. Plain JS Redux - Reducer

93. Plain JS Redux Practice 1

94. Plain JS Redux - Creating the Store

95. Plain JS Redux - subscribe and getState

96. Plain JS Redux - dispatch

97. Plain JS Redux - Payload in action creators

98. Plain JS Redux - Handling more complex state

99. Plain JS Redux - Practice

100. Plain JS Redux - Even more complex state

101. Plain JS Redux - combineReducers Part 1

102. Plain JS Redux - combineReducers Part 2

103. Plain JS Redux Practice 1

104. Plain JS Redux Practice 2

105. Redux in React - Setup & Practice

106. Redux in React - react-redux & Provider

107. Redux in React - connect()

108. Redux in React - mapStateToProps

109. Redux in React - mapDispatchToProps

110. Redux in React - useSelector()

111. Redux in React - useDispatch()

112. Redux in React - Redux Thunk

113. Getting Hired

114. Getting Hired - Edabit

115. Getting Hired - CodeSignal

116. Getting Hired - Pramp

117. Getting Hired - Problem Solving

118. Course Conclusion