UDEMY
UDEMY Logo

Master ReactJS: Learn React JS from Scratch 

  • Offered byUDEMY

Master ReactJS: Learn React JS from Scratch
 at 
UDEMY 
Overview

Master the basics of ReactJS and be ready for the future of web development

Duration

23 hours

Mode of learning

Online

Difficulty level

Intermediate

Credential

Certificate

Master ReactJS: Learn React JS from Scratch
 at 
UDEMY 
Highlights

  • 10 hours on-demand video
  • Make use of ReactJS with other frameworks/libraries like jQuery
  • Certificate of Completion
  • 5 hours on-demand video
  • 36 downloadable resources
Read more
Details Icon

Master ReactJS: Learn React JS from Scratch
 at 
UDEMY 
Course details

Who should do this course?
  • Aspiring Web Designers
  • Aspiring Web Developers
  • Web Developers
  • Web Designers
  • Web Architects
What are the course deliverables?
  • Develop dynamic User Interfaces using ReactJS
  • Understand all the basic concepts of ReactJS
  • Make use of ReactJS with other frameworks/libraries like jQuery
More about this course
  • Master the art of ReactJS and be ready for the future of web development. Companies like Facebook and Instagram are already making use of ReactJS to build dynamic User Interfaces for better user experience This course covers all the topics from basic to advance including Flux. You will find concepts like 1. HTML Entities 2. Component State and Life Cycle 3. How to create Multiple Components 4. Creating Reusable components 5. Displaying Data 6. Events 7. Properties 8. Mixins 9. Form Components 10. JSX and how it can be pre-compiled 11. DOM 12. How to make use of Inline Styles 13. Making use of AJAX technique 14. How to communicate between components 15. Cloning 16. Two way Data Binding 17. Understanding Flux At the end of the course you will also develop a course cart application which will brush up all the concepts that we have covered in this amazing course
Read more

Master ReactJS: Learn React JS from Scratch
 at 
UDEMY 
Curriculum

Introduction to ReactJS

Introduction

Downloading & Installing ReactJS - Our First Example - Hello World!

Understanding Virtual DOM

Components in ReactJS

Rendering Data in ReactJS

Applying CSS class to HTML content in ReactJS

Playing Safe with HTML Entities

Component State & Life Cycle

Component State in Action

Understanding State in React

Understanding Component LifeCycle - I

Uderstanding Component LifeCycle - II

Understanding Component LifeCycle - III

Creating Multiple Components in ReactJS

Creating Reusable Components

Properties & Events

Working with Properties

Accessing Child Properties

Making use of transferPropsTo - [Deprecated] See lecture 61 for update

Working with Mixins

Understanding Events in ReactJS

Exploring static methods

Forms Components

Working with Forms in ReactJS

Accessing DOM

Referring DOM Nodes - The Refs way

Tooling Support

Converting JSX to JS

Using Gulp To compile and concatenate JSX files - I

Using Gulp To compile and concatenate JSX files (Using Browserify) - II

Component Communication

Working with jQuery - Ajax

DOM Event Listeners

Inline Styles in ReactJS

Using dangerouslySetInnerHTML

Major AddOns in ReactJS

Two Way Data Binding

Clone Elements - [cloneWithProps Deprecated - Use React.cloneElement instead]

Using React.cloneElement

Making use of classSet to apply Conditional Styles

Making use of classnames to apply conditional styling

Animation using CSSTransitionGroup

Introduction to React Router

Working with React Router

Working with Links & Creating Nested Routes

Refactoring Routes and Components

React and Remote Data

Introducing Fetch

Rendering Remote Data in Components

React Developer Tool for Chrome

React Dev Tools

Flux

Introduction

Flux Setup

Flux Architecture - Code Demo

Dispatcher - The Broadcaster

Actions

Stores

Components and Views

Project - Course Cart

Introduction

Course Cart - Preview

Course Cart - Package And Mockup Data

Course Cart - CartAPI and Flux Actions

Course Cart - App And Dispatcher

Course Cart - Creating Stores And Final Demo

Reflux

Introduction to Reflux Store

Loading data using Reflux

Working with Actions in Reflux

Version 0.14.x update

Hello World with React Version 0.14

Using version 0.14 via NPM

Using JSX Spread to transfer Properties

Conclusion and Code Download

Conclusion and Code Download

Other courses offered by UDEMY

549
50 hours
– / –
3 K
10 hours
– / –
549
4 hours
– / –
599
10 hours
– / –
View Other 2344 CoursesRight Arrow Icon

Master ReactJS: Learn React JS from Scratch
 at 
UDEMY 
Students Ratings & Reviews

4/5
Verified Icon1 Rating
N
Neeraj Mishra
Master ReactJS: Learn React JS from Scratch
Offered by UDEMY
4
Easy to understand
Other: This course is very good when you want to learn ins and outs of react. This course covers all the topics of react, redux and writing test cases in react. It works on real life projects which make it easy to understand. I would highly recommend this course m
Reviewed on 30 Jan 2020Read More
Thumbs Up IconThumbs Down Icon
View 1 ReviewRight Arrow Icon
qna

Master ReactJS: Learn React JS from Scratch
 at 
UDEMY 

Student Forum

chatAnything you would want to ask experts?
Write here...