Fast track to React - All that you need to get started
4.5 (13 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,662 students enrolled

Fast track to React - All that you need to get started

Learn the core concepts and workings of React and apply all those learning to build an app without third-party modules.
4.5 (13 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,662 students enrolled
Created by Paritosh Pundir
Last updated 9/2018
English
English [Auto]
Current price: $34.99 Original price: $49.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • You will have a very good understanding of React and how it works.
  • You can start with a new React project for production.
Course content
Expand all 35 lectures 03:34:41
+ Getting started with React
6 lectures 19:05
Understanding the flow
03:11
Coding structure and ES6 basics
07:56

Let's check our knowledge about how the files are organized in the project.

File structure
2 questions
+ Working in React
8 lectures 49:47
First React component
04:35
Common mistakes
03:20
State
02:42
Update state
06:36

Let's check our knowledge about States, which is a very important concept of React.

State management
2 questions
Child component
06:59
Passing data via props
10:21
Adding customization options
10:09
Input fields
05:05

It's time to rewind and check how much information we have retained.

Basics of React
4 questions
+ Let's build something
14 lectures 02:17:39
Understanding the application
01:16
Create a new project
01:39
Planning the data flow and structure
15:53
Structuring the app with static components
08:38
Managing colors of the component
04:31
Change the color of the cards using inline CSS styles.
Implement the same functionality using a different approach
1 question
Add form elements
09:42
Add form's color states
18:19
Functionality to create a new card
14:37
Working with dates
08:50
Managing state of the expanded form
10:39
Styling the app - Part 1
14:07
Styling the app - Part 2
19:29
Build the app for production
03:27
Things that can be added and lifecycle methods
06:32
+ What next
3 lectures 02:00
Long way to go
01:19
Have questions
00:19
Give me feedback
00:22
Requirements
  • A good enough understanding of HTML and CSS with some basic understanding of Javascript.
Description

In this course, you will learn the basics of React and how you can use it as a UI library for your next project. The course focuses on fundamental concepts and workings of React without any support from third-party libraries; covering only the core APIs of React and what React has to offer out of the box. 

The flow of the course
We will start with setting up the development environment and understanding the file structure.  Then we will be learning the basic and fundamental concepts of React with quizzes to reflect on how much is retained. After this, we will be applying all the learning to build an application and learn more things on the way.
Following is the session structure

  1. Introduction
    This will be an introduction to the course, things you need to know, who is using it and what are the alternates.
  2. Getting started with React
    We will set up the Node development environment to work with React and understand how all the pieces fit together.
  3. Working in React
    This section is all about understanding the fundamental concepts of React and how ES6 (JavaScript) fits together with JSX syntax.
  4. Let's build something
    We will be building a fully working app in this section to understand React more deeply and learn more things about React's API.
  5. What next
    We will be wrapping up the course with a few tips and what are the things you can focus on.

So if you are a front-end developer who is looking to increase your knowledge or a backend developer looking to learn a tool that can connect with your APIs or someone exited about React, this course is a perfect fit for you.

By the end of this course, you will have a good enough idea about the capabilities of React and how it can help you in the next project. You will be well equipped with starting to work in React for your next project or an existing one.

Looking forward to seeing you join the React community...

Who this course is for:
  • A front-end developer and looking to learn React, this is a very good starting point for you.
  • Someone with a very good understanding of Javascript and want to explore and learn about the cord APIs of React
  • Anyone who wants to learn React