4.28 out of 5
4.28
9 reviews on Udemy

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.
Instructor:
Paritosh Pundir
1,651 students enrolled
English [Auto-generated]
You will have a very good understanding of React and how it works.
You can start with a new React project for production.

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…

Introduction

1
About the course
2
Requirements for the course
3
Who is using React
4
Alternatives to React

Getting started with React

1
Environment requirements
2
Text editor
3
Create react app
4
First line of code in React
5
Understanding the flow
6
Coding structure and ES6 basics
7
File structure

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

Working in React

1
First React component
2
Common mistakes
3
State
4
Update state
5
State management

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

6
Child component
7
Passing data via props
8
Adding customization options
9
Input fields
10
Basics of React

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

Let's build something

1
Understanding the application
2
Create a new project
3
Planning the data flow and structure
4
Structuring the app with static components
5
Managing colors of the component
6
Implement the same functionality using a different approach
7
Add form elements
8
Add form's color states
9
Functionality to create a new card
10
Working with dates
11
Managing state of the expanded form
12
Styling the app - Part 1
13
Styling the app - Part 2
14
Build the app for production
15
Things that can be added and lifecycle methods

What next

1
Long way to go
2
Have questions
3
Give me feedback
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.3
4.3 out of 5
9 Ratings

Detailed Rating

Stars 5
2
Stars 4
5
Stars 3
2
Stars 2
0
Stars 1
0
6876996bcef26e8a9cf4df71df454960
30-Day Money-Back Guarantee

Includes

4 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion