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+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift 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 Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development React

React JS Course: The Beginners Guide (Step by Step)

Learn to build React JS Based web applications. Complete Practical classes with Live Project
Rating: 3.9 out of 53.9 (454 ratings)
42,084 students
Created by Fatah Gabrial
Last updated 7/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Complete React JS course from Scratch
  • You will learn to build Web Application with React JS
  • Create a Scratch Pad app with React JS
  • Build stateless components in React
  • Complete understanding of Refs
  • You will learn in-depth about Props
  • Create child & nested elements within the App
  • Perform CRUD (Create, Read, Update, Delete) Operations in React JS

Course content

4 sections • 26 lectures • 1h 20m total length

  • Preview01:19
  • Preview01:11
  • Preview01:23
  • Preview01:27
  • Preview02:54
  • Preview03:09

  • Preview01:11
  • Create First React Component
    01:57
  • Stateless Component in React JS
    01:03
  • Props in React JS
    03:12
  • Events in React JS
    04:20
  • State in React JS
    04:26
  • Adding State to Note Component
    04:28
  • Refs in React JS
    02:08

  • Creating Board With Props in React JS
    02:10
  • Adding Child Elements to Board
    03:30
  • Updating & Deleting Notes
    09:51
  • Adding Notes
    03:44
  • Keys in React JS
    04:57
  • Mounting Components
    04:50
  • Setting Default Styles
    01:51
  • Updating Components
    02:50
  • Making React Components Draggable
    03:18
  • Setup & Install Create React App
    02:04
  • Building Scratch Pad With React JS
    06:56

  • Conclusion For React JS
    00:24

Requirements

  • Basic HTML & CSS
  • Basics of JavaScript
  • Basics knowledge about ES6+ (Optional)

Description

React JS is a JavaScript library built, development and maintained by Facebook. React JS is specifically used to develop interactive web UI. React JS uses the JavaScript DOM instead of using the HTML DOM, This makes React JS the fastest JavaScript library for developing UI elements.

In this course you will learn the following: JSX in React, Components, Stateless Components, Props & Events, Refs in React, Mounting & Un-mounting, Build a Scratch Pad App with ReactJS.

This course is complete based on practicals, Basically in this course we are going to build a Scratch pad app with React JS.

Who this course is for:

  • Anyone who is willing to learn React from scratch
  • Anyone who want ot develop an application with React
  • Anybody who has completed JavaScript and want to extend their skills

Instructor

Fatah Gabrial
Professional Trainer
Fatah Gabrial
  • 4.3 Instructor Rating
  • 9,409 Reviews
  • 236,418 Students
  • 24 Courses

Fatah Gabrial is a Graphic Designer, Web Designer, Web Developer, Digital Marketer and loves to teach. He has been teaching online and offline to people for more that 10+ years now, where he has help more than 100’s of people to setup their own business.


In addition, Fatah Gabrial loves to code & design more than anything. He can easily adapt to any new technologies, which helps him learn anything faster. He also likes to keep upgrading my skills as often as possible.


Fatah Gabrial has also worked on many platforms like WordPress, Angular, ReactJS, Python, Django and many more. He is also an SEO – Search Engine Optimization specialist which is a huge advantage if you are looking for Digital Marketing.


In addition to that Fatah Gabrial owns a Professional Training Institute in Bangalore ZINFOMATIC. Where he educates students and other candidates on all the new and professional platforms like Graphic, Web, Design, Development, SEO and Digital Marketing.


Here are what some of the students say about Fatah Gabrial, these reviews are directly from Google. So, you can check it out. Just look for ZINFOMATIC and you will find all the info you need.


Reviews from Genuine Students:

--------------------------------------

“Hi everyone. I joined here for angular course. and I must say the training is really good. am very satisfied. I would recommend you guys also to join here”.

- Siddegowda N


“I had been looking for web design class but couldn't find any. After long time somebody suggested me to join here. Now am really happy that I joined here. so far, the classes are great... Here they have given us many advantages. am glad I joined here”

- nehaammu ammu


“I joined here for web designing course. the course is very nice and well structured. affordable fee and nice training.”

- Paramesh G P


“This is best institute to learn web development guys. Don't think just join. I joined last year and today am a freelance. They also gave me Internship and projects.”

- Mohan M


“Value for money. I mean their pricing is reasonable. I say this because I compared many institutions with what they teach and how they charge. I felt zinfomatic price is very reasonable.”

- Mallu S

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