Fundamentals of React and Redux

Practice Exams:

Home
Video Courses
Web Development
Fundamentals of React and Redux

Best Seller!

$16.49

$14.99

Fundamentals of React and Redux

Watch Online Video Course & Learn

162 Students Enrolled

138 Lectures

17:08:48 hr

Curriculum for Fundamentals of React and Redux Video Course

An Intro to React

17 Lectures

Time 01:38:44

Ajax Requests with React

13 Lectures

Time 01:24:53

Modeling Application State

4 Lectures

Time 00:13:02

Managing App State with Redux

12 Lectures

Time 01:21:58

Intermediate Redux: Middleware

18 Lectures

Time 02:29:00

React Router + Redux Form

29 Lectures

Time 03:15:09

Bonus - RallyCoding

11 Lectures

Time 02:31:14

React Router + Redux Form

34 Lectures

Time 04:14:48

An Intro to React

1. Environment Setup

03:42

2. Project Setup

01:45

3. A Taste of JSX

02:53

4. More on JSX

11:29

5. ES6 Import Statements

04:35

6. ReactDOM vs React

03:59

7. Differences Between Component Instances and Component Classes

02:26

8. Render Targets

03:38

9. Component Structure

05:53

10. Youtube Search API Signup

06:26

11. Export Statements

06:39

12. Class-Based Components

08:40

13. Handling User Events

08:11

14. Introduction to State

09:30

15. More on State

05:13

16. Controlled Components

06:04

17. Breather and Review

07:47

Intermediate Redux: Middleware

1. App Overview and Planning

05:10

2. Component Setup

07:57

3. Controlled Components and Binding Context

09:56

4. Form Elements in React

06:29

5. Working with API's

08:12

6. Introduction to Middleware

07:27

7. Ajax Requests with Axios

13:03

8. Redux-Promise in Practice

10:15

9. Redux-Promise Continued

10:55

10. Avoiding State Mutations in Reducers

09:53

11. Building a List Container

06:54

12. Mapping Props to a Render Helper

06:07

13. Adding Sparkline Charts

09:55

14. Making a Reusable Chart Component

06:00

15. Labeling of Units

10:37

16. Google Maps Integration

07:59

17. Google Maps Integration Continued

07:16

18. Project Review

04:59

React Router + Redux Form

1. App Overview and Goals

06:49

2. Exploring the Posts Api

13:26

3. Installing React Router

02:36

4. React Router - What is It?

05:34

5. Setting Up React Router

04:39

6. Route Configuration

05:16

7. Nesting Of Routes

08:02

8. IndexRoutes with React Router

05:04

9. Back To Redux - Index Action

05:50

10. Catching Data with Posts Reducer

06:29

11. Catching Data with Posts Reducer Continued

02:38

12. Fetching Data with Lifecycle Methods

05:43

13. Fetching Data with Lifecycle Methods Continued

06:50

14. Creating New Posts

05:23

15. Navigation with the Link Component

04:26

16. Forms and Form Submission

10:12

17. More on Forms and Form Submission

07:37

18. Passing Control to Redux Form

07:51

19. CreatePost Action Creator

11:21

20. Form Validation

08:28

21. Form Validation Continued

08:51

22. Navigating on Submit

12:37

23. Posts Index

04:31

24. Dynamic Route Params

07:09

25. Loading Data on Render

05:45

26. Handling Null Props

05:31

27. Delete Action Creator

07:07

28. Navigate on Delete

02:25

29. ReactRouter and ReduxForm Wrapup

07:02

React Router + Redux Form

1. App Overview and Goals

06:49

2. Posts API

09:20

3. Installing React Router

03:00

4. What React Router Does

05:36

5. The Basics of React Router

08:59

6. Route Design

06:31

7. Our First Route Definition

05:57

8. State as an Object

09:07

9. Back to Redux - Index Action

07:07

10. Implementing Posts Reducer

10:29

11. Action Creator Shortcuts

08:06

12. Rendering a List of Posts

09:19

13. Creating New Posts

05:43

14. A React Router Gotcha

04:45

15. Navigation with the Link Component

05:58

16. Redux Form

05:33

17. Setting Up Redux Form

09:27

18. The Field Component

10:49

19. Generalizing Fields

08:54

20. Validating Forms

10:31

21. Showing Errors to Users

04:30

22. Handling Form Submittal

09:31

23. Form and Field States

06:07

24. Conditional Styling

07:06

25. More on Navigation

03:12

26. Create Post Action Creator

10:05

27. Navigation Through Callbacks

07:31

28. The Posts Show Component

03:39

29. Receiving New Posts

09:26

30. Selecting from OwnProps

11:27

31. Data Dependencies

05:32

32. Caching Records

06:13

33. Deleting a Post

09:25

34. Wrapup

09:10

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!

Student Feedback

4.5

Good

46 %

54 %

0 %

Comments

* The most recent comment are at the top

Add Comments