The complete React and Redux course: Build modern apps
4.6 (125 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.
3,334 students enrolled
Wishlisted Wishlist

Please confirm that you want to add The complete React and Redux course: Build modern apps to your Wishlist.

Add to Wishlist

The complete React and Redux course: Build modern apps

Take you coding to the next level with React, the most popular Javascript library.
New
4.6 (125 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.
3,334 students enrolled
Created by Coding Revolution
Last updated 9/2017
English
English [Auto-generated]
Current price: $10 Original price: $30 Discount: 67% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 16.5 hours on-demand video
  • 12 Articles
  • 7 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • You will learn React from the ground up.
  • Use Redux Framework to take React to the next level
  • We will build some practice projects and start coding with React on a daily basis
View Curriculum
Requirements
  • Knowing a liitle bit of HTML, CSS and Javascript, everything else you will learn it as we go.
Description

Build modern Apps with React and Redux.

Do you want to take your coding to the next level?. This is the course for you.

You will learn React from the ground up here.

We will start from the very beginning, from "I don't know how to even run it" to actually building a few applications.You will learn all the logic and practice behind React in different modules, and as we advance through  the course we will be increasing the difficulty.

Since I believe that the best way to fully learn is by coding, after each section we will put everything in practice with some course projects, and after you have a strong base of React we will journey into REDUX, the most beloved state manager.

To sum everything up, you will learn in this course:

  • The very basics of React.How toy install and run it.How to create different types of components.
  • Learn the tools React provides, just like State and React Lifecycles to handle you application.
  • Work with events and use them in a real life scenario and the importance of props to handle the application
  • How to use React Router to navigate through pages and create transition with React Transition Group
  • How to do typechecking with React Proptypes
  • Learn how to use the Redux cycle properly and handle the information that flows in your entire application
  • We will learn the importance of middlewares.
  • Much more of course...

And of course, we will stop before going to different levels and create a project to put everything in practice..

What about the instructor experience ?

Well I've been around for 10 years now, built lots of applications for small projects and big companies like Citi,Fox, Dysney and a lot more.

Today I work as developer for a major company developing applications in React or Angular mostly, but I like to teach in my spare time.

How about the target audience?

  • This course is for almost everyone, a liitle bit of Javascript is required.We will use ES6 but you can learn as we go.
  • If you want to take your coding to the next level, this is the course for you. 



Who is the target audience?
  • From beginners in javascript to intermediate.
Compare to Other Redux Framework Courses
Curriculum For This Course
149 Lectures
16:23:02
+
Introduction
1 Lecture 01:36
+
Installing Node JS
2 Lectures 09:56

Mac Users: Install Node JS
01:53
+
React 101
21 Lectures 01:57:56

Bundle
03:07

Getting Started
03:23

Imports and render
05:45

Project structure
03:41

Exporting components
07:07

Type of components
06:24

Adding some Style
08:15

Synthetic Events
09:20

ES6 Constructor
08:17

Using React State
04:06

Changing State
04:32

Changing State 2
04:56

Working with Props
05:49

Working with Props 2
05:32

Working with Props 3
07:47

Working with Props 4
07:53

Filter the news
07:51

Filter the news 2
06:48

Conclusions
02:16

Get it from github
00:07
+
React Router
8 Lectures 41:51
Introduction to React Router
04:16

Router Process
02:39

Setting up Routes
07:04

Using Routes
06:19

Linking
03:49

Params
08:19

More on React Router
09:18

Get it from Github
00:07
+
Practice Project: Artists DB
11 Lectures 01:22:56
Setup and installation
05:48

Creating the Routes
07:25

Adding a banner
12:22

Fetching the list
10:09

Showing the list
10:51

Styling the list
03:56

Creating the detail
10:48

Showing the bio
05:44

Styling the bio
05:10

Album List
10:36

Get it from Github
00:07
+
React Lifecycles
3 Lectures 20:18
Component Lifecycles
09:15

Component Lifecycles 2
06:57

Component Lifecycles 3
04:06
+
React Transitions
6 Lectures 35:17
Transitions
04:22

Transition enter
07:50

Transition leave and appear
06:43

Transition from variables
06:52

Transition imports
09:23

Get it from Github
00:07
+
React tools and concepts
6 Lectures 35:27
Proptypes intro
02:42

Using Proptypes
06:29

More on Proptypes
09:26

Using Refs
05:26

Controlled Components
06:14

Uncontrolled Component
05:10
+
Practice Project: NBA Highlights
27 Lectures 03:33:44
INTRO
03:50

Installation
06:56

Setting up Routes
07:57

Adding header and footer
03:16

Styling header and footer
09:22

Slider
09:13

Slider 2
09:57

Slider styles
04:35

Subscribe component
13:57

Saving subscribers
05:52

Handling errors
12:20

Styling subscribers
04:09

Home blocks
10:34

Showing the blocks
04:55

Styling the blocks
12:44

Creating the poll
12:12

Creating the poll 2
08:31

Adding Hits
06:53

Styling the poll
03:58

Getting the Teams
11:11

Adding effects to the teams
08:13

Filtering teams
12:57

Styling teams
05:37

Rendering team details
10:53

Rendering team details 2
04:46

Styling the detail
08:49

Get it from github
00:07
+
REDUX
9 Lectures 52:43
Intro to Redux
02:45

Connecting Redux
08:38

Action creators and Reducers
04:12

Reducers
05:24

Reducers 2
08:15

Action creators
04:58

Connecting
13:53

Containers
04:31

Get it from github
00:07
5 More Sections
About the Instructor
Coding Revolution
4.6 Average rating
387 Reviews
9,769 Students
4 Courses
Professional Instructor and Web Developer.

I started long time ago when the internet fever was starting to appear.I began with programming to create websites for my personal projects but but after a while people started to contact me to develop their websites, funny how everything worked out.

I worked with technologies such as PHP, Wordpress, Laravel, NodeJS, Phyton and many other languages, but today I like to work with JavaScript based tech like React, Angular or VueJS. Yes I am JavaScript Lover :)

Build a lots of applications for very small companies and pretty huge ones like Citi, Fox, Disney, Roche and many others.

But besides developing, I like to interact with people by teaching what I love.