Fundamentals of React and Redux

About This Course

Do you want to find a tutorial to master modern web development with React? If your answer is positive, the Fundamentals of React and Redux course is right here only for you! Redux? Yes, sir. ES6/Babel? Yes, of course, madam. Webpack? Included, Mr. Newbie. This course will teach you the core knowledge you need to deeply understand and build React components and structure applications with Redux. You will start by mastering the fundamentals of React, including JSX, “props", “state". After a detailed introduction, you'll dive right in to Redux, covering topics like reducers, actions, and the state tree. At the end of this course, you'll have a solid grasp over how to build single page applications with React JS and Redux and how to become fluent in the toolchain supporting React, including NPM, Webpack, Babel, and ES6/ES2015 JavaScript syntax. The thorough, precise and concise presentation of information includes the mockups and diagrams which help to explore all tricky moments during the course. This detailed tutorial can get you a position in web development or help you build that personal project you've been dreaming of. Check it by yourself now!

	1. Environment Setup	1:45
	2. Project Setup	2:53
	3. A Taste of JSX	11:29
	4. More on JSX	4:35
	5. ES6 Import Statements	3:58
	6. ReactDOM vs React	2:26
	7. Differences Between Component Instances and Component Classes	3:38
	8. Render Targets	5:53
	9. Component Structure	6:26
	10. Youtube Search API Signup	6:39
	11. Export Statements	8:40
	12. Class-Based Components	8:11
	13. Handling User Events	9:30
	14. Introduction to State	5:13
	15. More on State	6:04
	16. Controlled Components	7:47
	17. Breather and Review	3:37

	1. Youtube Search Response	4:26
	2. Refactoring Functional Components to Class Components	7:43
	3. Props	7:42
	4. Building Lists with Map	7:06
	5. List Item Keys	3:54
	6. Video List Items	7:53
	7. Detail Component and Template Strings	7:05
	8. Handling Null Props	4:41
	9. Video Selection	11:39
	10. Styling with CSS	3:43
	11. Searching for Videos	7:51
	12. Throttling Search Term Input	5:46
	13. React Wrapup	5:24

	1. Foreword on Redux	2:16
	2. What is Redux?	2:45
	3. More on Redux	3:42
	4. Even More on Redux!	4:19

	1. Reducers	7:43
	2. Containers - Connecting Redux to React	7:23
	3. Containers Continued	4:00
	4. Implementation of a Container Class	10:45
	5. Containers and Reducers Review	4:09
	6. Actions and Action Creators	7:31
	7. Binding Action Creators	9:41
	8. Creating an Action	6:45
	9. Consuming Actions in Reducers	7:16
	10. Consuming Actions in Reducers Continued	5:05
	11. Conditional Rendering	6:38
	12. Reducers and Actions Review	5:02

	1. App Overview and Planning	5:10
	2. Component Setup	7:57
	3. Controlled Components and Binding Context	9:56
	4. Form Elements in React	6:28
	5. Working with API's	8:12
	6. Introduction to Middleware	7:27
	7. Ajax Requests with Axios	13:02
	8. Redux-Promise in Practice	10:15
	9. Redux-Promise Continued	10:55
	10. Avoiding State Mutations in Reducers	9:53
	11. Building a List Container	6:53
	12. Mapping Props to a Render Helper	6:07
	13. Adding Sparkline Charts	9:54
	14. Making a Reusable Chart Component	6:00
	15. Labeling of Units	10:37
	16. Google Maps Integration	7:59
	17. Google Maps Integration Continued	7:16
	18. Project Review	4:59

Fundamentals of React and Redux

Free Online Training Course

Curriculum For This Course

About This Course

Student Feedback

Add Comment

Similar Courses

	1. App Overview and Goals	6:49
	2. Exploring the Posts Api	13:26
	3. Installing React Router	2:35
	4. React Router - What is It?	5:33
	5. Setting Up React Router	4:39
	6. Route Configuration	5:16
	7. Nesting Of Routes	8:02
	8. IndexRoutes with React Router	5:04
	9. Back To Redux - Index Action	5:50
	10. Catching Data with Posts Reducer	6:29
	11. Catching Data with Posts Reducer Continued	2:38
	12. Fetching Data with Lifecycle Methods	5:43
	13. Fetching Data with Lifecycle Methods Continued	6:50
	14. Creating New Posts	5:23
	15. Navigation with the Link Component	4:25
	16. Forms and Form Submission	10:12
	17. More on Forms and Form Submission	7:37
	18. Passing Control to Redux Form	7:51
	19. CreatePost Action Creator	11:21
	20. Form Validation	8:28
	21. Form Validation Continued	8:51
	22. Navigating on Submit	12:37
	23. Posts Index	4:31
	24. Dynamic Route Params	7:09
	25. Loading Data on Render	5:45
	26. Handling Null Props	5:31
	27. Delete Action Creator	7:07
	28. Navigate on Delete	2:25
	29. ReactRouter and ReduxForm Wrapup	7:02

	1. Basics of Redux Thunk	7:16
	2. Combining Redux and Firebase	12:16
	3. Dynamic Forms with Redux Form	14:42
	4. Logicless Components with Reselect	18:08
	5. Data Loading Methods with Redux	9:29
	6. Animation of React Components	12:33
	7. The Best Way to Store Redux Data	15:05
	8. Four Most Common Errors with React and Redux	12:02
	9. Modals in React and Redux Apps	18:43
	10. React Integration with 3rd Party Libraries	18:42
	11. Introducing JSPlaygrounds for Rapid Prototyping	12:18

	1. App Overview and Goals	6:49
	2. Posts API	9:20
	3. Installing React Router	3:00
	4. What React Router Does	5:36
	5. The Basics of React Router	8:58
	6. Route Design	6:31
	7. Our First Route Definition	5:57
	8. State as an Object	9:07
	9. Back to Redux - Index Action	7:07
	10. Implementing Posts Reducer	10:29
	11. Action Creator Shortcuts	8:06
	12. Rendering a List of Posts	9:19
	13. Creating New Posts	5:42
	14. A React Router Gotcha	4:44
	15. Navigation with the Link Component	5:58
	16. Redux Form	5:33
	17. Setting Up Redux Form	9:27
	18. The Field Component	10:49
	19. Generalizing Fields	8:54
	20. Validating Forms	10:31
	21. Showing Errors to Users	4:30
	22. Handling Form Submittal	9:30
	23. Form and Field States	6:06
	24. Conditional Styling	7:06
	25. More on Navigation	3:11
	26. Create Post Action Creator	10:05
	27. Navigation Through Callbacks	7:31
	28. The Posts Show Component	3:39
	29. Receiving New Posts	9:26
	30. Selecting from OwnProps	11:27
	31. Data Dependencies	5:32
	32. Caching Records	6:13
	33. Deleting a Post	9:25
	34. Wrapup	9:10

E-mail:	*
Password:	*	Forgot password?