Learn React JS from scratch with hands-on practice assignments and projects.
This course includes:
- 3.5 hours of on-demand video
- Full lifetime access
- Access on mobile and TV
- Certificate of completion
Share
Gift this course Apply Coupon
4.2
(3,032 ratings)
233,376 students
Created by EdYoda Digital University, Qaifi Khan, Mavludin Abdulkadirov
What you’ll learn
- Introduction to what is React and its basic concepts
- Learn what is JSX and how it works behind the scenes
- Learn what are the stateful and stateless components and when to use them
- Working with function-based and class-based components
- Working with React Modules, importing and exporting the modules
- Learn in detail about how the render method works
- React component lifecycle and different lifecycle methods
- Creating dynamic websites with help of reusable components
- Creating a proper working structure for a project from scratch will help maintain the project for the long term
Course content
8 sections • 26 lectures • 3h 36m total lengthCollapse all sections
React Introduction4 lectures • 17min
- ReactJS – IntroductionPreview03:11
- ReactJS – Understanding SPAs and MPAsPreview03:24
- ReactJS – Creating our First React App06:31
- ReactJS – Project Structure created by CRA03:45
JSX4 lectures • 32min
- ReactJS – Introduction to JSXPreview11:46
- ReactJS – JSX Behind the Scenes07:53
- ReactJS – Adding Styles to React Elements07:34
- ReactJS – Create React Elements Dynamically04:38
Introduction to Components2 lectures • 13min
- ReactJS – Creating our First React Component06:40
- ReactJS – Passing Data to Components using Props06:49
Import and Export Modules1 lecture • 9min
- ReactJS – Import and Export of Modules09:04
Styling Components2 lectures • 8min
- ReactJS – Introduction to CSS Modules06:21
- ReactJS – Creating Mobile Responsive Components01:36
Components in Details5 lectures • 39min
- ReactJS – Stateful vs Stateless Components02:44
- ReactJS – Creating Class-based Components09:43
- ReactJS – More about setState() Method05:39
- ReactJS – Passing Props to Class-based Components11:01
- ReactJS – Passing Function as Props10:20
Practice Problem 14 lectures • 1hr 16min
- ReactJS – Practice Problem: Product Details Page01:31
- ReactJS – Practice Problem: Product Details Page [Solution] – Part 131:37
- ReactJS – Practice Problem: Product Details Page [Solution] – Part 227:21
- ReactJS – Practice Problem: Product Details Page [Solution] – Part 315:49
Component Life-cycle4 lectures • 21min
- ReactJS – render() method – Behind the scenes.02:57
- ReactJS – Component Lifecycle – Creation05:52
- ReactJS – Component Lifecycle – Updation06:39
- ReactJS – shouldComponentUpdate() Lifecycle Method05:38
Requirements
- Good understanding of HTML5, CSS3
- Good knowledge of Javascript and Modern Javascript – ES6
Description
What is this course about?
The Complete React JS Course – Basics to Advanced this course is a complete guide for React JS. Here, you will learn all the concepts required for becoming a front-end React JS developer. If you are new to web development or a professional developer who’s creating websites with plain old javascript or jQuery, this is your time to learn React JS and take your web development skills to the next level and impress your recruiter or clients.
React JS is gaining rapid popularity. In a very short time, it has become the most widely accepted web development JavaScript library. This is the right time for you to learn and add React JS to your skillset and excel in your career.
This course is designed in a way that anyone can understand the journey from the basics to advanced concepts of React with simple explanations by the instructor along with hands-on assignments and projects.
In the first part of this course:
- We cover what is React JS, how it uses JSX, and how the compilation is done behind the scenes using babel to browser understandable plain old HTML, CSS, and javascript.
- After that, we explain ‘components’ which are the basic building blocks of a web page while working with React JS. We also cover the stateless and stateful components and when to use those components as well.
In the next section, we learn how to create modules in React JS and how to import or export those modules to other files so that we can reuse the same set of code.
In the following section, we will work on how we style the components using CSS modules and how to create a nice user-friendly mobile responsive website.
We also cover how to work with props, how to pass data from stateful to stateless components, and how to pass functions from one component to another component.
We explain the different lifecycle methods of a React Component and how we can access and modify the data between these lifecycles using the various lifecycle methods available to us.
We will keep on adding more videos to the course as we are creating them. These videos will be available to you soon.
Who’s teaching you in this course?
I am a Computer Science graduate highly rated instructor with a rating of 4.3 and more than 200k students on Udemy, I have been part of the corporate circle since my college days. In my early days, I was part of a startup team delivering production grid android apps. Currently, I am a lead developer at Yoda. I’m responsible for the entire front-end development & integration with the back end. React, Python, and Django is my areas of expertise. I have been delivering corporate training for Android, React, Javascript, Python & Django. I have an eye for detail & that makes me suited for delivering a finished product. I’m a fitness freak & working out is my favorite thing to do in my spare time.
I want everyone to enjoy the learning process and I have shared my knowledge that will be helpful for React developers.
Enroll now! see you in class
Happy Learning!
Team Yoda
Who this course is for:
- Beginners who just started to work in the web development field
- Beginner web developers who want to learn React JS web framework
- Developers who have basic knowledge of Javascript and want to add React JS to their skill set
- Web Developers who want to learn React JS from scratch and want to get promotions in their job
- Professionals, already working with other web frameworks like Angular or Vue and want to learn React JS
- Frontend Web Developers who wish to change their working technology domain by learning React JS
