React JS - Mastering Redux
4.4 (212 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
7,322 students enrolled
Wishlisted Wishlist

Please confirm that you want to add React JS - Mastering Redux to your Wishlist.

Add to Wishlist

React JS - Mastering Redux

Build the React JS and Redux apps of your dreams! Learn JavaScript, ES6, APIs, and Full Web App Development in ReactJS!
4.4 (212 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
7,322 students enrolled
Created by David Katz
Last updated 7/2017
English
Curiosity Sale
Current price: $10 Original price: $100 Discount: 90% off
30-Day Money-Back Guarantee
Includes:
  • 5 hours on-demand video
  • 7 Articles
  • 3 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Build entire ReactJS and Redux applications from scratch.
  • Develop apps that deal with APIs and web requests.
  • Understand how to develop Redux apps with actions, reducers, and the Redux store.
  • Create Web Apps that use advanced redux mechanics like asynchronous actions and redux middleware.
  • Use ES6 and advanced JavaScript techniques to more efficiently code.
  • Use animations to create compelling User Interfaces and Experiences.
  • Add external libraries to React projects like react-bootstrap, react-router-dom, and more.
  • Build multi-page applications with dynamic routes and links.
View Curriculum
Requirements
  • Students who have some JavaScript experience will be most comfortable.
Description

You will become an in-demand software engineer by taking this course on React JS and Redux. As one of the most popular pairs of frameworks, learning React and Redux is a must. Simply put, learning React will open doors and jobs for you.

This project-based course will have you coding right away. By building four carefully thought-out example applications, you will sharpen your skills in modern web development.

First, learn the essentials of ReactJS by going through the main concepts. Then build your first React application to get familiar with the essentials. Second, create your first Redux application to learn how to pair this elegant and complex framework with React. Next, build an application that uses an API along with routing for multiple pages. Finally, build an additional app that works with another API and has more advanced redux mechanics.

You’ll not only learn React and Redux, but get comfortable with popular libraries like react-bootstrap, react-router-dom, and more. Plus, you’ll find a secret recipe to Redux that boils it down to three simple steps!

This updates my previous React course. One student had this to say about that one:

“I have purchased several React courses on Udemy and I think, thus far, this one gets to the point the quickest and has also helped me understand the concepts clearer. I am so glad I purchased this course. Some gaps were filled and I finally feel I have a good grasp on React. Thank you!”

This course explains every new concept thoroughly. So if you're new to web development, but have some coding experience you should be fine.

It's really most suited for those who have tried creating React applications in the past, and now want to master redux.

So what are you waiting for? Take the dive into React and Redux. Let’s get started coding!

Who is the target audience?
  • The perfect student knows some JS, HTML, and CSS, but hopes to learn a new web development framework to significantly boost their skills.
  • All levels of coding. However this won’t introduce coding from the ground up, so complete beginners might find it fast-paced.
  • Experienced developers and engineers will find this course perfect for brushing up on ReactJS and Redux and web development.
  • Anyone who wants to add ReactJS and Redux to their resume and set of skills should take this course!
Students Who Viewed This Course Also Viewed
Curriculum For This Course
58 Lectures
05:03:17
+
Introduction
5 Lectures 09:38

Installing React Tools
04:28

Installing a Code Editor
02:58

Source Code for the Course
00:44

Final Introductory Notes
00:14
+
Understanding React
2 Lectures 04:51

State, Props, & Lifecycle Methods
02:35
+
Application One | AgeTeller
8 Lectures 44:25



Crafting a Form Component
06:23

Implementing State
07:36

Building a Stats Component
10:00

Adding Styling and Animations
08:11

Section Overview | AgeTeller
00:44
+
Understanding Redux
2 Lectures 03:13
Redux - the 3 Step Recipe
02:41

Section Overview | Understanding Redux
00:32
+
Redux Application One | SuperSquad
13 Lectures 01:21:26

Setting Up SuperSquad
06:37

The First Reducer
04:51

The Store
04:21

The First Action
09:30

Adding a Second Reducer
11:08

Mapping State to Props in a CharacterList
07:50

Mapping Dispatch to Props
06:16

Styling the App
07:01

Creating a Hero List
07:03

The Second Action
06:13

Building a Squad Stats Component
08:26

Section Overview | SuperSquad
01:15
+
Redux Application Two | RecipeFinder
14 Lectures 01:25:27

Setting Up RecipeFinder
04:42

Creating a Form to Search Recipes
07:40

Coding Break | Web Requests
00:33

Accessing the API
08:54

Fetching from the API
04:21

Storing Recipes
09:38

Building a Recipe List
05:41

Making Recipe Items
10:33

Storing Favorite Recipes
07:30

Starring Recipe Items
04:40

Building a Favorite Recipe List
09:08

Routing Recipe Lists
09:38

Section Overview | RecipeFinder
01:13
+
Redux Application Three | MemeGenerator
13 Lectures 01:13:38

Setting Up MemeGenerator
04:36

Getting Access to the API
03:48

Fetching Memes Asynchronously
07:23

Applying Thunk Middleware
07:52

Listing Memes
07:25

Creating Meme Items
05:56

Animating Meme Items
05:19

Crafting a Custom Meme Form
05:48

Reducing and Posting Personal Memes
08:22

Setting Up a Post Meme Action
09:17

Building a Personal Memes List
05:27

Section Overview | MemeGenerator
00:58
+
Final Remarks & Bonus Content
1 Lecture 00:45
Final Remarks & Bonus Content
00:45
About the Instructor
David Katz
4.4 Average rating
4,055 Reviews
73,204 Students
8 Courses
Coding Instructor & Software Engineer

Hi! I’m David. I spend most of my time building applications and coding tutorials. Currently, I study computer science at the University of San Francisco. I have also had software engineering internships at Zendesk and at a tech education startup called MVCodeClub.

I love sharing the knowledge that I have gained from my experience with other people. I have spent a fair bit of time working as a coding instructor. Because of this, I’ve learned how to explain advanced programming concepts in a clear and understandable way. There's no better feeling than when a students gets that "aha" moment.

Please don’t hesitate to reach out to me! Whether you want to chat, or work on something meaningful, please let me know!