Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-01-14 13:41:00
30-Day Money-Back Guarantee
Development Web Development React

The Complete ReactJs Course - Basics to Advanced (2021)

Learn React JS from scratch with hands-on practice assignments and projects.
Rating: 4.2 out of 54.2 (479 ratings)
65,245 students
Created by EdYoda Digital University, Qaifi Khan, Mavludin Abdulkadirov
Last updated 5/2020
English
English [Auto]
30-Day Money-Back Guarantee

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 re-usable components
  • Creating a proper working structure for a project from scratch which will help maintaining the project for long term

Course content

8 sections • 26 lectures • 3h 36m total length

  • Preview03:11
  • Preview03:24
  • ReactJS - Creating our First React App
    06:31
  • ReactJS - Project Structure created by CRA
    03:45

  • Preview11:46
  • ReactJS - JSX Behind the Scenes
    07:53
  • ReactJS - Adding Styles to React Elements
    07:34
  • ReactJS - Create React Elements Dynamically
    04:38

  • ReactJS - Creating our First React Component
    06:40
  • ReactJS - Passing Data to Components using Props
    06:49

  • ReactJS - Import and Export of Modules
    09:04

  • ReactJS - Introduction to CSS Modules
    06:21
  • ReactJS - Creating Mobile Responsive Components
    01:36

  • ReactJS - Stateful vs Stateless Components
    02:44
  • ReactJS - Creating Class-based Components
    09:43
  • ReactJS - More about setState() Method
    05:39
  • ReactJS - Passing Props to Class-based Components
    11:01
  • ReactJS - Passing Function as Props
    10:20

  • ReactJS - Practice Problem: Product Details Page
    01:31
  • ReactJS - Practice Problem: Product Details Page [Solution] - Part 1
    31:37
  • ReactJS - Practice Problem: Product Details Page [Solution] - Part 2
    27:21
  • ReactJS - Practice Problem: Product Details Page [Solution] - Part 3
    15:49

  • ReactJS - render() method - Behind the scenes.
    02:57
  • ReactJS - Component Lifecycle - Creation
    05:52
  • ReactJS - Component Lifecycle - Updation
    06:39
  • ReactJS - shouldComponentUpdate() Lifecycle Method
    05:38

Requirements

  • Good understanding of HTML5, CSS3
  • A 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, 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 do 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 his 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 EdYoda. I’m responsible for the entire front-end development & integration with the back-end. React, Python, 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 the 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 EdYoda

Who this course is for:

  • Beginners who just started to work in 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 in 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

Instructors

EdYoda Digital University
Visit us at www.edyoda.com
EdYoda Digital University
  • 4.2 Instructor Rating
  • 12,557 Reviews
  • 465,941 Students
  • 15 Courses

EdYoda is re-imagining skill based education, educating on job-relevant real world skills.

Edyoda courses are on job-relevant technical skills. We have professional team of instructors, some of the courses we specialize in are Web development, Mobile App Development, Cloud & DevOps, Machine Learning, Artificial Intelligence and Big Data.

We believe that access to education and opportunities is the biggest enabler and we are on a mission to enable the same for everyone across the world.

Qaifi Khan
Trainer at EdYoda
Qaifi Khan
  • 4.3 Instructor Rating
  • 6,498 Reviews
  • 298,062 Students
  • 8 Courses

Qaifi is a Computer Science graduate. He has been part of the corporate circle since his college days. In his early days, he was part of a startup team delivering production grid android apps. Currently, he is a lead developer at EdYoda. He is responsible for the entire front-end development & integration with the back-end. React, Python, Django are his areas of expertise. He has been delivering corporate training for Android, React, Javascript, Python & Django. He has eyes for details & that makes him suited for delivering a finished product. He is a fitness freak & working out is his favorite thing to do in his spare time.

Mavludin Abdulkadirov
Mavludin Abdulkadirov
  • 4.3 Instructor Rating
  • 1,706 Reviews
  • 120,489 Students
  • 2 Courses

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.