ReactJS Online Training

Focused View

Shaun Wassell

38:08:44

47 View

1, Introduction.mp4

00:57

2. Benefits of React.mp4

10:31

3. Create and Run a React App.mp4

04:37

4. React Project Structure.mp4

07:49

5. Basics of JSX.mp4

11:24

6. Inserting Variables Into JSX.mp4

09:10

7. Creating and Rendering Components.mp4

09:01

8. Introduction.mp4

00:51

9. Importing and Exporting Components.mp4

04:43

10. Basic Component Styling.mp4

16:07

11. React Fragments.mp4

11:38

12. Introduction to Component Props.mp4

12:50

13. Reusable Components.mp4

10:26

14. Introduction.mp4

01:21

15. PropTypes.mp4

14:07

16. Basic Event Handling.mp4

08:56

17. Scoping Styles with CSS Modules.mp4

09:05

18. Creating more reusable components.mp4

15:48

19. React Dev-tools.mp4

06:49

20. Introduction.mp4

02:03

21. How to Add State to Components.mp4

09:21

22. How NOT to Add State to Components.mp4

03:47

23. Showing and Hiding Components.mp4

08:36

24. Using State to Change Styling.mp4

06:24

25. Sharing State Between Components.mp4

07:54

26. Passing Functions as Props.mp4

12:14

27. Introduction.mp4

01:22

28. Displaying Lists.mp4

12:56

29. Breaking up Large Components.mp4

15:27

30. Creating a Tag Component.mp4

07:53

31. Persisting State in LocalStorage.mp4

11:47

32. Other State Persistance Options.mp4

07:17

33. Introduction.mp4

01:15

34. Basic Routing with React-Router-Dom.mp4

19:28

35. Creating a Navigation Bar.mp4

13:38

36. Implementing Page Components.mp4

10:02

37. URL Parameters.mp4

08:31

38. Navigating Programmatically.mp4

06:42

39. Introduction.mp4

01:05

40. Adding Multiple Function Props.mp4

08:34

41. Increasing Component Reusability.mp4

07:20

42. Passing Props to Pages.mp4

12:00

43. Increasing Component Reusability (Again).mp4

05:26

44. Adding PropTypes to Pages.mp4

07:37

45. Keeping Hidden Elements Hidden.mp4

06:45

46. Introduction.mp4

00:51

47. Basics of Context.mp4

06:56

48. Creating and Accessing Context.mp4

10:58

49. Passing Functions through Context.mp4

05:24

50. Encapsulating Logic in a Provider Component.mp4

07:50

51. How Forms work in React.mp4

14:31

52. Introduction.mp4

00:52

53. Creating Two-Way Form Bindings.mp4

11:58

54. Working with Different Kinds of Form Elements.mp4

11:45

55. Switching from Static to Dynamic Data with Context.mp4

10:11

56. Connecting Forms with Context.mp4

11:19

57. Persisting Context State.mp4

07:10

58. Introduction.mp4

00:54

59. How to Make Forms Reusable.mp4

10:58

60. Pre-Populating Forms with Data.mp4

10:07

61. Using Forms Across Multiple Pages.mp4

11:19

62. Passing Multiple Actions to Components.mp4

07:42

63. Methods For Editing Data.mp4

08:43

64. Updating Prop Types.mp4

04:15

65. Introduction.mp4

01:05

66. Reacts Rendering Process.mp4

03:29

67. Rerendering Rule #1.mp4

08:03

68. Rerendering Rule #2.mp4

03:16

69. Rerendering Rule #3.mp4

06:33

70. Preventing Rerendering with Memoization.mp4

09:59

71. Rerendering Rule #4.mp4

02:43

72. Rerendering Lists.mp4

14:49

73. Introduction.mp4

01:30

74. Component Lifecycle Basics.mp4

18:57

75. Uses of the useEffect Hook.mp4

04:46

76. JSX Behind the Scenes.mp4

18:22

77. JSX and Cross-Site Scripting.mp4

06:25

78. Introduction.mp4

00:53

79. The Purpose of Redux.mp4

08:49

80. Basic Concepts of Redux.mp4

08:16

81. Setting Up a Redux Application.mp4

12:39

82. Redux Action Syntax.mp4

04:04

83. Reducer Syntax.mp4

11:28

84. Connecting Components to Redux.mp4

11:54

85. Accessing Multiple State Values.mp4

03:58

86. Introduction.mp4

00:43

87. Basic Redux Setup.mp4

06:04

88. Creating Redux Actions.mp4

09:28

89. Creating Reducers for Multiple Resources.mp4

13:44

90. Selecting Data from Redux.mp4

12:15

91. Dispatching Actions From Components.mp4

09:17

92. Introduction.mp4

01:07

93. Persisting Data with Redux.mp4

10:57

94. Redux DevTools.mp4

11:29

95. Creating Reusable Selectors.mp4

16:23

96. Other Methods for Connecting Components.mp4

10:54

97. Introduction.mp4

00:49

98. Redux Performance Mistake #1.mp4

12:34

99. Redux Performance Mistake #2.mp4

05:32

100. The Reselect Library.mp4

14:13

101. Testing Reducers.mp4

17:32

102. Testing Selectors.mp4

07:34

103. Introduction.mp4

01:24

104. Basic Class Component Syntax.mp4

05:52

105. Creating Class Components.mp4

07:58

106. Passing Props to Class Components.mp4

10:17

107. Class Component State.mp4

11:53

108. Class-Based Forms.mp4

09:30

109. Fixing Undefined This Errors.mp4

04:25

110. Introduction.mp4

01:03

111. Basics of Lifecycle Methods and the Constructor.mp4

07:16

112. The componentDidMount Method.mp4

03:19

113. The componentDidUpdate Method.mp4

05:31

114. The componentWillUnmount Method.mp4

02:00

115. The shouldComponentUpdate Method.mp4

07:53

116. The PureComponent Class.mp4

10:41

117. PropTypes and Default Props - Learn React CBT Nuggets-1.mp4

09:59

118. Styling Class Components.mp4

03:35

119. Introduction.mp4

01:09

120. Writing Jest Tests.mp4

16:53

121. Simple Text-Based Testing.mp4

13:25

122. Role-based Testing.mp4

11:35

123. Testing for Text Content.mp4

05:27

124. Triggering Clicks in Tests.mp4

10:32

125. Development Using Only Tests.mp4

02:17

126. Introduction.mp4

00:40

127. Testing Function Calls with Mocks.mp4

06:44

128. Triggering Multiple Events.mp4

07:43

129. Testing Components with Context.mp4

13:12

130. Refactoring Tests to use Context.mp4

06:43

131. Eliminating Repetitive Tests with Jest-In-Case.mp4

13:04

132. Testing Individual Functions.mp4

13:13

133. Introduction.mp4

00:47

134. Where Should We Add Our First Tests.mp4

07:25

135. Using Fake Data in Tests.mp4

12:40

136. Testing Function Props.mp4

13:06

137. Preventing Implicit Arguments.mp4

07:06

138. Tests with Routing.mp4

13:38

139. Introduction.mp4

00:42

140. Creating a Context Wrapper for Pages.mp4

12:58

141. Searching Inside Elements.mp4

09:15

142. Testing Page Routing.mp4

06:05

143. Testing Internal Page Logic.mp4

08:36

144. Testing Navigation Bars.mp4

12:53

145. Introduction.mp4

01:15

146. Basic Full-stack Conversion Strategy.mp4

06:33

147. Full-stack Server Setup.mp4

08:25

148. Read Server Endpoints.mp4

06:00

149. Converting Pages to Use Server Data.mp4

15:02

150. Converting Context to Use Server Data.mp4

10:43

151. Introduction.mp4

01:07

152. Why is Implementing a Calendar So Difficult.mp4

06:16

153. Basic Calendar Implementation Strategy.mp4

05:19

154. Introduction to the Moment Library.mp4

16:45

155. Combining Days into Weeks.mp4

07:10

156. Calendar JSX.mp4

13:25

157. Introduction.mp4

00:49

158. Basic Calendar Controls.mp4

06:33

159. Create a Controlled Calendar.mp4

08:10

160. Library-Agnostic Components.mp4

05:45

161. Calendars with Query Parameters.mp4

10:57

162. Add Styling with Styled Components.mp4

16:07

163. Introduction.mp4

00:50

164. Basic Event.mp4

10:15

165. Vanilla React Modals.mp4

09:33

166. Build a New Event Form.mp4

06:01

167. Add Content to Calendar Cells.mp4

11:36

168. Avoiding Use-Case Pollution.mp4

06:06

169. Additional Event Data.mp4

03:32

170. Introduction.mp4

00:43

171. Different Types of Date Pickers.mp4

07:47

172. Passing Components as Props.mp4

08:04

173. Selecting Single Dates.mp4

21:44

174. Creating a Dropdown Window Component.mp4

08:50

175. Introduction.mp4

00:56

176. Date-Range Picker Basics.mp4

13:56

177. Calculating In-Between Dates.mp4

08:53

178. Another Method of Calculating In-Between Dates.mp4

13:57

179. Pill Styling for Calendar Cells.mp4

12:13

180. Introduction.mp4

00:58

181. Multi-Date Date-Picker Basics.mp4

03:02

182. Multi-Date Logic and Styling.mp4

19:04

183. Calculating Previous and Next Dates.mp4

15:01

184. Adding Out-Of-Month Days.mp4

18:43

185. Introduction.mp4

00:50

186. Basic Date-Picker Enhancements.mp4

08:47

187. Single-Date-Picker Refactoring.mp4

13:06

188. Date-Range-Picker Refactoring.mp4

17:52

189. Multi-Date-Picker Refactoring.mp4

17:45

190. Introduction.mp4

00:56

191. Introduction to Storybook.mp4

06:18

192. Installing and Running Storybook.mp4

06:35

193. The Component Story Format.mp4

14:51

194. Designing Basic Components in Storybook.mp4

09:31

195. Working with Storybook Controls.mp4

19:52

196. Introduction.mp4

00:46

197. Displaying Component Variants.mp4

07:16

198. Implementing a Molecule Component.mp4

17:09

199. Handling Actions in Stories.mp4

15:24

200. Perfecting Molecule Components.mp4

06:59

201. Introduction.mp4

00:52

202. Mocking Pages with the useArgs Hook.mp4

16:16

203. Stories with Multiple Components.mp4

23:25

204. Building a Page Component in Storybook.mp4

06:08

205. Introduction.mp4

00:45

206. Strategies for Adding Stories.mp4

16:06

207. Different Storybook Control Types.mp4

10:30

208. Adding Stories to Atomic Components.mp4

12:19

209. Storybook Decorators.mp4

08:35

210. Introduction.mp4

00:47

211. Stories with Navigation.mp4

09:32

212. Stories with Multiple Wrappers.mp4

14:58

213. Creating a Router Decorator.mp4

11:12

214. Writing Stories for Components with Array Props.mp4

11:24

215. Introduction.mp4

00:48

216. Writing Stories with Context.mp4

10:37

217. Context Decorators.mp4

05:03

218. Writing Stories with URL Parameters.mp4

16:46

219. Stories for Pages with Forms.mp4

16:33

220. Introduction.mp4

01:21

221. Designing an Ideal Form Component.mp4

10:08

222. Automatically Generating Inputs.mp4

15:14

223. Using Different Input Types.mp4

10:17

224. Form Field Configuration Options.mp4

10:08

225. Introduction.mp4

01:02

226. Formalizing Form Validation.mp4

04:32

227. Basic Form Validation.mp4

02:24

228. Configurable Form Validation.mp4

15:22

229. Customizing Validation Error Messages.mp4

15:18

230. Introduction.mp4

00:53

231. Creating Reusable Form Validators.mp4

12:23

232. Creating Regex Form Validators.mp4

14:40

233. Displaying Errors on Specific Inputs.mp4

07:34

234. Password Validation.mp4

16:33

235. Introduction.mp4

01:07

236. Global Form Validators.mp4

07:30

237. Multi-Field Validation.mp4

15:13

238. Validating Fields On Change.mp4

15:14

239. On Change and On Submit Validation.mp4

06:11

240. Introduction.mp4

00:52

241. Validating Forms with the useEffect Hook.mp4

07:30

242. Splitting a Form into Separate Components.mp4

13:00

243. Implementing a Radio Group Component.mp4

09:22

244. Implementing a Checkbox Group Component.mp4

07:54

245. Implementing a Dropdown Component.mp4

06:23

246. Introduction.mp4

00:47

247. Recoil Basics.mp4

13:10

248. Setting Up a Recoil Application.mp4

09:34

249. Working with Recoil Atoms.mp4

14:06

250. Recoil Selectors.mp4

09:58

251. Introduction.mp4

00:36

252. Creating Multiple Selectors.mp4

10:31

253. Settable Selectors.mp4

13:45

254. Using Recoil with Different UI Components.mp4

08:46

255. Atom Families.mp4

10:21

256. Creating Atoms Dynamically.mp4

12:44

257. Introduction.mp4

01:02

258. Installing the MongoDB Driver.mp4

08:46

259. Adding MongoDB to Read Endpoints.mp4

16:31

260. Adding MongoDB to Create Endpoints.mp4

12:59

261. Adding MongoDB to Delete Endpoints.mp4

06:00

262. Adding MongoDB to Update Endpoints.mp4

08:23

263. Front-end Compatibility Considerations.mp4

09:48

Description

React is a popular JavaScript library used to build user interfaces. It lets developers create interactive and dynamic web applications efficiently. If you're a software developer, you should consider training for React due to its widespread adoption and demand in the industry.

By mastering React fundamentals, you can enhance your skill set and stay ahead of the competition. Invest in React training today to unlock opportunities to work on cutting-edge projects and secure higher-paying job positions. Take the first step towards becoming a sought-after React developer and watch our React training course now.

More details

For supervisors, this React training can be used to onboard new developers, curated into individual or team training plans, or as a React reference resource.

Learn React: What You Need to Know

This JavaScript training has videos that cover topics including:

Breaking up large React components for better reusability
Understanding how routing works in React
Connecting components to Redux

Who Should Take React Training?

This React training is considered entry-level React training, which means it was designed for aspiring or junior software developers. This React skills course is valuable for new IT professionals looking to develop React skills.

New or aspiring software developers. React JS is beginner-friendly and has a gentle learning curve, making it easy for newcomers to grasp the concepts and get started quickly. By learning React JS, aspiring developers will gain a solid foundation in modern web development practices, while developing an IT skill that's in high-demand.

Experienced software developers. If you've been working as a software developer for several years already but haven't learned React, this course is for you. Fortunately, you'll breeze through this course, learn the basics, and be ready for more advanced courses in no time.

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

React

Shaun Wassell

Instructor's Courses

"I love seeing people go from earning peanuts to being able to comfortably take their families on multiple vacations — just because they were willing to learn something 'nerdy!'"

Shaun brings nearly 10 years of software development experience to his training. Prior to joining CBT Nuggets, he was a senior full-stack developer. His interest in technology started as a child because he wanted to create video games and his parents bought him GameMakerStudio. When Shaun isn’t creating training, he enjoys gardening, distance running, investing, and learning foreign languages.

Certifications: None

Areas of expertise: Web development, programming, data science

CBT Nuggets

View courses CBT Nuggets

CBT Nuggets is renowned for providing innovative training that's informative, meaningful, and engaging. We provide a variety of training, primarily in IT, project management, and office productivity topics. Our comprehensive library contains thousands of training videos ranging from Cisco networking to Microsoft Word. Whether you want to pass a certification exam, increase your skills, or simply learn new things, we've got you covered! All of our training is delivered through high-quality online streaming video. Subscribers can train 24 hours a day, seven days a week, from the convenience of a computer or mobile device. CBT Nuggets trainers are the rock stars of training, renowned for their expertise, industry-wide credibility, and engaging personalities. They enable CBT Nuggets to deliver accurate, up-to-date training, using a laid-back whiteboard presentation style. There are no scripts, EVER. Our trainers love to teach, and it shows! CEO and founder Dan Charbonneau was a Microsoft trainer when he began recording CBT Nuggets' very first training videos back in the 1990s. He wanted to help provide large organizations, small teams and individuals with comprehensive and budget-conscious training, and he realized it couldn't be done in a classroom. From the CBT Nuggets World Headquarters in Eugene, Oregon, Dan and his team promise each video will be informative, comprehensive, accurate, and fun to watch.