React JS - Build real world JS apps & deploy on cloud

React JS is an awesome JS Framework for building Frontend Applications! React JS is leading over Angular JS or Vue JS

All Levels 4.3(637 Ratings) 24,941 Students enrolled
Created by Abhay Talreja Last updated 08/2017 English English [Auto-generated]
What will i learn?
  • You will go all the way from React js beginner to advanced React js developer.
  • You will gain a deep and true understanding of how React js works behind the scenes.
  • You will be able to debug your code and understand other developer's code.
  • You will be able to design faster websites using React Js
  • You will be ready to get started to learn React-Native
  • You will know how to access the React Library
  • You will know how to write JSX syntax
  • You will know all about a react component, properties, state and mounting of the components
  • You will know how to handle events in React
  • You will know how to access the React DOM Library
  • You will be able to build 4 real world apps along with me, all resources, code and help provided
  • You will be able to deploy all the apps to the cloud and share with me, other students and your friends your resume, built with React.

Curriculum for this course
53 Lectures 08:16:39
Introduction
4 Lectures 00:21:41
  • Your first React JS Application 00:05:37
  • Extending your first React JS Application 00:05:52
  • Course Structure 00:04:55
  • Taking advantage of course material 00:05:17
  • Overview 00:08:47
  • Showcase 00:02:13
  • Installation - Sublime Text, Node.js and Npm 00:04:09
  • Installing React JS and Setting up the workspace 00:08:19
  • Understanding JSX 00:09:03
  • Components - State and Stateless 00:12:26
  • Rendering 00:13:59
  • Understanding Props 00:05:25
  • Prop Validations 00:11:36
  • Components API 00:16:47
  • Components Life Cycle 00:14:48
  • Forms in React - Part 1 00:10:29
  • Forms in React - Part 2 00:10:02
  • Forms in React - Part 3 00:10:32
  • React Router - Part 1 00:15:43
  • React Router - Part 2 00:06:43
  • [new] - React Router 4.0 installation and Docs 00:08:34
  • Overview 00:01:31
  • Let's get the HTML structure in Place 00:08:45
  • Moving the options to the child component! 00:07:48
  • Adding the dynamic behavior to our new Child! 00:04:42
  • Make the 2 numbers random! 00:06:46
  • Randomize the game logic! Yes, it's all about the logic.. 00:15:08
  • Game Play - Click the option tiles and determining the correct one! 00:10:33
  • Let's play again! 00:13:15
  • Let's add some animations! 00:07:00
  • Overview 00:05:29
  • Adding the HTML structure! 00:08:27
  • Making content load from a JSON file 00:10:21
  • Let's add some functionality on the next button! 00:10:51
  • Now, lets make sure our past is covered - adding previous button functionality 00:09:09
  • Lets add some sound to our game! 00:11:11
  • Adding the 'random' and 'sound' settings 00:12:09
  • Deploy the app to Heroku! 00:08:52
  • Overview - Ofcourse, there has to be an overview! 00:03:44
  • Let's Reactify our Orbit Theme 00:05:54
  • How about fetching the data from a JSON file? 00:06:06
  • Break Things Down - To create components! 00:11:16
  • Add more components - Let's make it dynamic 00:10:29
  • Wrapping up - Deploying 00:13:01
  • Overview 00:03:32
  • Let's setup Bootstrap for our app! Yes, Twitter Bootstrap! 00:07:11
  • Routing is the important aspect of any app! Let's add it... 00:08:11
  • [New] React Router 4.0 Upgrade to Real World Example - Love To Eat 00:19:48
  • Adding the input form! 00:08:24
  • Adding Ingredients to our App! 00:09:37
  • Let's create our Recipe object! 00:15:55
  • Everything needs to be stored somewhere! - LocalStorage 00:13:46
  • Let's upload some images - with Cloudinary 00:16:32
Requirements
  • Working knowledge of HTML
  • Working knowledge of CSS
  • Working knowledge of JavaScript - you can also take my Javascript course for beginners.
  • Passion to learn!
+ View more
Description

*** Brand New Course Launched in February 2017 (updated February 23, 2017) *** 

*** Learn React by creating many examples and 4 real world apps ***

What students are saying?

⭐⭐⭐⭐⭐ 
I believe this course will help “future proof” my coding abilities. I recommend this course. I had a JavaScript “lower intermediate” level of experience before taking this course. The instructor is prompt, interactive, very kind & really knows his %#&@ !!!

-- Michael Rooney

⭐⭐⭐⭐⭐ 
Abhay is truly an amazing teacher! He goes through everything you need to know about React and leaves you confident with using the framework. I highly recommend taking this course, you won’t regret it. Best course out there!

-- Uroosa Shah

Do you want to learn the number #1 programming language that is powering awesome User Interfaces of the internet?

Are you tired of wasting your time and money on random youtube videos or React courses that are either too simple, or too difficult to follow?

Or do you struggle to deeply understand and use React in real projects?

Or are you someone who is curious to know and learn React.js?

If your answer is a big YES... Then this is exactly the course you are looking for!

Remember - 

There is no formation without repetition!

...

So what is the course about?

This is a truly complete React Js course, that goes way beyond what other React courses out there teach you. 

I will take you from a complete React js beginner to an advanced developer. You will not just learn the React itself, you will also learn how to program. How to solve problems. How to structure and organize code using common standards/patterns.

Come with me on a journey with the goal of truly understanding the React JS. And I explain everything on the way with great detail!

You will learn "why" something works in React, not just "how". Because in the modern JavaScript world of today, you need more than just knowing how something works. You need to debug code, you need to understand code, you need to be able to think about code.

So, by the end of the course, you will be a capable React developer, able to write, understand and debug JavaScript code using all the powerful features the language offers to us. You will be able to code your application using React js.

...

Here is exactly what we cover in this course:

• All the React JS and programming fundamentals: What is React? Who uses it? Adding React to your site.

• Everything you need to know in order to gain a deep understanding of how JavaScript works behind the scenes: React components, properties, state and parent/child relationship within React and more..

• How to make React code interact with webpages: DOM manipulation. Learn how to select and change webpage elements, create new elements and handle DOM events. Accessing React DOM.

...

Let's now find out if this course is for you. It's a perfect fit if...

Student #1: You want to gain a deep understanding of the most popular programming front-end library in the world: React.js.

Student #2: You have taken other React.js courses but: 1) still don't really understand React, or 2) still don't feel confident to code real-world apps. This course is perfect for you!

Student #3: You are interested in using React and React-Native in your application to make it cross-platform, but don't know where to start.

Student #4: You want to get started with programming in general in the Javascript world. React.js is a great language to learn how to code the latest in the programming world.

...

Now it's your turn to decide. This is what you get:

• Lifetime access to my HD quality videos. No monthly subscription. Learn at your own pace, whenever you want.

• All videos are downloadable. Learn wherever you want, even without an internet connection!

• Downloadable starter code and final code for each section.

• My personal support in the course Q&A.

Sounds great? Then start learning today by clicking the “Take this course" button right now, and join me in the only React.js course that you will ever need!

...

What are the requirements?

  • Anyone who has working knowledge of HTML
  • Anyone who has working knowledge of CSS
  • Anyone who has working knowledge of JavaScript - you can also take my Javascript course for beginners.
  • Aspiring web developers. Passion to learn!

What am I going to get from this course?

  • Lifetime access to my HD quality videos. No monthly subscription. Learn at your own pace, whenever you want.
  • You will go all the way from React js beginner to advanced React js developer.
  • You will gain a deep and true understanding of how React js works behind the scenes.
  • You will be able to debug your code and understand other developer's code.
  • You will get my personal support in the Q&A.


What is the target audience?

  • You should take this course now if you want to gain a deep understanding of the most popular programming front-end library in the world: React.js.
  • You should take this course now if you have taken other React.js courses but: 1) still don't really understand React, or 2) still don't feel confident to code real-world apps. This course is perfect for you!
  • You should take this course now if you are interested in using React and React-Native in your application to make it cross-platform, but don't know where to start.
  • You should take this course now if you want to get started with programming in general in the Javascript world. React.js is a great language to learn how to code the latest in the programming world.
  • You should take this course now if you have to prepare for an interview on React JS. This course will help you get up to speed faster than most other articles/videos you will find on the internet.
  • Do NOT take this course if you just want to use React but don't want to know how it actually works. Trust me, I have been there!
+ View more
Other related courses
02:38:43
3.8 66 $149.99 Free
08:53:47
3.8 50 Free
01:31:27
Updated Wed, 20-Nov-2019
4.1 38 $149.99 Free
01:45:50
4.1 25 $94.99 Free
04:45:08
4.1 24 Free
01:04:45
4.1 17 Free
03:48:48
4.4 12 $19.99 Free
05:25:07
4.4 22 Free
01:10:37
4.1 10 Free
03:52:13
Updated Mon, 02-Sep-2019
4.1 19 $99.99 Free
04:28:09
4.3 17 $19.99 Free
06:19:49
4.4 14 Free
01:52:35
4 22 $74.99 Free
01:39:41
3.7 14 $79.99 Free
02:09:40
4.2 15 Free
01:01:33
4.2 12 $199.99 Free
51:12:35
4.2 18 $199.99 Free
02:23:35
Updated Tue, 09-Jul-2019
3.7 11 $99.99 Free
01:13:12
4.3 19 $139.99 Free
01:31:26
4.3 18 $139.99 Free
00:58:35
4.1 13 $94.99 Free
12:15:26
4.6 15 $99.99 Free
03:15:34
4.2 16 $199.99 Free
01:15:31
4.2 5 Free
00:44:15
4.5 6 $199.99 Free
03:36:22
4.7 1 Free
16:47:11
3.6 13 Free
03:09:33
Updated Sun, 03-Sep-2017
3.8 16 Free
02:07:36
3.9 1 Free
04:37:27
3.8 2 Free
02:14:18
Updated Fri, 23-Mar-2018
3.7 8 Free
02:23:03
4.3 5 Free
06:22:46
Updated Wed, 23-Mar-2016
4.1 1 Free
04:17:53
4.4 13 Free
00:57:12
3.4 11 Free
02:13:31
4.1 7 Free
12:52:08
3.5 6 Free
01:00:01
Updated Sat, 21-Dec-2019
2.3 4 Free
04:32:16
3.7 2 Free
03:41:40
4.3 3 Free
04:23:54
3.8 1 Free
02:12:25
4.3 0 Free
01:03:10
Updated Fri, 06-Dec-2019
3.9 2 Free
03:33:25
4.1 9 Free
02:43:49
4.4 0 Free
02:00:25
4.5 0 Free
01:10:58
3.8 8 Free
02:55:06
4.2 4 Free
00:36:19
Updated Tue, 28-Mar-2017
3.5 1 Free
02:18:52
4.1 13 Free
00:31:06
Updated Mon, 13-Nov-2017
3.6 6 Free
00:50:23
4 2 Free
02:27:52
Updated Wed, 07-Aug-2019
4.2 6 Free
00:50:19
3.7 4 $129.99 Free
01:49:58
3.9 9 $139.99 Free
01:17:39
Updated Thu, 26-Dec-2019
0 3 Free
03:42:56
4 12 $199.99 Free
02:01:15
Updated Mon, 23-Dec-2019
3.9 2 $199.99 Free
01:40:29
Updated Mon, 23-Dec-2019
3.7 5 $199.99 Free
02:15:39
Updated Mon, 23-Dec-2019
3.1 8 $19.99 Free
02:18:14
4.2 5 $129.99 Free
01:31:32
Updated Mon, 23-Dec-2019
3.8 2 $19.99 Free
01:24:32
Updated Mon, 23-Dec-2019
3.8 2 $19.99 Free
01:30:20
Updated Mon, 23-Dec-2019
3.5 4 $19.99 Free
01:19:56
Updated Mon, 23-Dec-2019
3.5 5 $19.99 Free
00:59:13
Updated Mon, 23-Dec-2019
3.2 4 $19.99 Free
01:01:52
Updated Mon, 23-Dec-2019
3.4 5 $19.99 Free
01:53:25
Updated Mon, 23-Dec-2019
3.4 7 $19.99 Free
02:17:41
Updated Mon, 23-Dec-2019
3.5 7 $19.99 Free
00:47:39
Updated Mon, 23-Dec-2019
3.7 5 $19.99 Free
00:41:25
Updated Mon, 23-Dec-2019
3.5 4 $19.99 Free
01:00:48
Updated Mon, 23-Dec-2019
3.4 6 $19.99 Free
00:33:47
Updated Mon, 23-Dec-2019
3.6 3 $19.99 Free
01:09:52
Updated Mon, 23-Dec-2019
3.4 7 $199.99 Free
00:40:16
Updated Mon, 23-Dec-2019
3.2 7 $199.99 Free
00:49:55
Updated Mon, 23-Dec-2019
3.6 3 $199.99 Free
02:34:03
4 5 Free
24:16:36
4.2 36 $199.99 Free
00:37:00
3.6 2 $99.99 Free
07:52:29
0 14 $114.99 Free
05:38:23
Updated Sat, 17-Aug-2019
4.3 3 $34.99 Free
01:20:14
Updated Tue, 14-May-2013
4 0 Free
05:57:07
3.7 10 $159.99 Free
05:26:39
0 17 $39.99 Free
00:37:17
3.9 5 $99.99 Free
06:23:22
2.5 17 Free
08:33:58
3.9 12 $19.99 Free
27:55:46
4.5 7 $199.99 Free
47:29:47
Updated Tue, 31-Dec-2019
4.6 93 $179.99 Free
03:32:49
Updated Sat, 28-Sep-2019
4.6 18 $49.99 Free
14:59:04
4.7 8 $199.99 Free
13:30:15
Updated Thu, 26-Dec-2019
4.5 23 $149.99 Free
28:04:40
4.7 44 $199.99 Free
10:22:00
4.6 14 $119.99 Free
14:51:23
4.2 78 $194.99 Free
46:24:20
Updated Thu, 12-Dec-2019
4.6 161 $199.99 Free
05:30:27
4 15 $159.99 Free
04:17:37
4 2 Free
03:59:09
4.7 3 Free
03:41:47
3 11 Free
04:00:56
4.1 2 $149.99 Free
03:35:47
4.2 8 $199.99 Free
22:12:56
4 9 $199.99 Free
08:03:16
4.3 10 Free
10:51:38
3.3 3 $199.99 Free
14:41:03
4.2 9 Free
04:35:13
3.8 3 Free
39:30:00
4 14 Free
04:32:42
3.8 12 Free
05:32:51
4.4 1 Free
06:43:19
Updated Sun, 04-Aug-2019
4.1 2 Free
03:20:40
4.2 6 Free
05:51:57
Updated Sat, 16-Nov-2019
4.1 14 Free
18:45:45
Updated Tue, 24-Sep-2019
4.6 3 Free
04:47:30
4.1 12 Free
02:39:55
3.7 13 Free
13:17:19
3.8 14 $124.99 Free
01:18:41
Updated Mon, 23-Dec-2019
0 8 $19.99 Free
14:40:08
4.1 11 Free
01:18:30
Updated Sun, 12-Jan-2020
0 4 Free
03:09:37
3.9 11 Free
08:12:53
4.7 6 $39.99 Free
21:42:23
Updated Sun, 08-Dec-2019
4.6 13 $174.99 Free
02:18:00
4.3 6 $129.99 Free
14:34:08
4.6 14 $149.99 Free
17:04:39
Updated Thu, 26-Dec-2019
4.5 13 $109.99 Free
23:53:13
4.5 7 $94.99 Free
11:00:44
4.5 8 $149.99 Free
12:36:12
4.6 19 $149.99 Free
05:49:54
Updated Sun, 03-Nov-2019
4.6 11 $109.99 Free
10:11:39
4 9 $49.99 Free
02:52:39
Updated Fri, 10-Jan-2020
3 5 Free
01:06:37
Updated Sun, 19-Jan-2020
4.1 6 $19.99 Free
00:55:55
4.9 3 Free
01:57:08
4.3 7 $199.99 Free
05:05:38
Updated Sun, 10-Aug-2014
4 1 Free
00:58:40
Updated Wed, 20-Nov-2019
4.2 6 Free
06:20:09
4.2 5 Free
29:24:58
4.1 11 Free
01:19:25
3.2 5 Free
00:45:46
Updated Wed, 06-Nov-2019
2 2 $19.99 Free
09:10:22
4.4 11 Free
01:20:24
4 4 Free
03:51:23
3.8 2 Free
00:40:21
Updated Thu, 22-Aug-2019
3.2 3 Free
02:07:04
Updated Tue, 14-Aug-2018
0 5 Free
02:19:58
Updated Sun, 02-Jun-2019
3.2 3 Free
01:51:26
Updated Mon, 13-Jan-2020
0 9 $99.99 Free
03:04:46
Updated Wed, 22-Jan-2020
4.3 6 Free
01:57:15
Updated Fri, 29-Sep-2017
4.3 3 Free
06:41:57
4.1 8 $174.99 Free
07:58:41
4.4 3 $194.99 Free
01:08:54
4 2 Free
01:25:26
4 3 Free
00:31:50
Updated Tue, 07-Jan-2020
3.8 1 Free
02:21:42
0 2 $179.99 Free
02:51:06
3.5 2 Free
02:26:30
Updated Sat, 25-Jan-2020
3.6 2 $99.99 Free
00:36:04
3.4 1 Free
03:10:29
4 8 Free
42:10:51
4.7 19 $199.99 Free
01:55:44
4.3 7 $99.99 Free
01:15:58
3.3 11 $199.99 Free
05:50:21
4.4 80 Free
11:51:39
4.5 79 $199.99 Free
04:00:57
3.9 5 $199.99 Free
27:49:26
4.5 132 $199.99 Free
07:33:47
4.1 5 $19.99 Free
06:20:15
Updated Thu, 04-Oct-2018
3.8 5 $99.99 Free
02:21:45
4.2 4 $199.99 Free
14:28:07
3.9 5 $199.99 Free
02:41:06
4.2 4 $104.99 Free
02:05:43
Updated Sun, 29-Oct-2017
3.7 6 Free
02:34:40
Updated Tue, 05-Dec-2017
4 4 Free
35:24:16
4.5 120 $189.99 Free
About the instructor
  • 13 Students
  • 4 Courses
+ View more
Developer, Team Lead, Software Consultant, Loves Technology

Hi, I'm Abhay! I have over 10 years of development experience in many languages from java, javascript, grails, iOS and Android. So, I can say, i have seen a lot to understand and know. I intend to pass this knowledge to anyone and everyone possible or I can reach onto!

I'm a web designer and developer with a great passion for building beautiful new things from scratch. I've been building websites since 2007 and also have a degree in Engineering and specialized in Computer Science. I have created websites and applications for various states in the USA.

It was in college where I first discovered my passion for teaching and helping others by sharing my knowledge. And that passion brought me to Udemy, where my students really appreciate that I take the time to explain important concepts in a way that everyone can easily understand.

Do you want to learn how to build awesome websites?

Want to know how to make your websites look beautiful and professional?

Looking for a complete JavaScript course that takes you from beginner to advanced developer?

Then enrol in my courses today and join the other happy students. If I had to describe each of my courses in one sentence, I would say “I wish I had this course, when I started learning technology".

So if you don't want to go through all the books and thousands of online articles and tutorials like I did, then enroll in my course today! I will be very happy to share my knowledge with you, and help you with everything I can along the way.

Happy Learning!!

Student feedback
4.3
Average rating
  • 4%
  • 6%
  • 20%
  • 59%
  • 109%
Comments
Free $174.99
Includes:
  • 08:16:39 On demand videos
  • 53 Lessons
  • Full lifetime access
  • Access on mobile and tv