Master ReactJS: Learn React JS from Scratch

Master the basics of ReactJS and be ready for the future of web development.
3.0 (51 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
702 students enrolled
$100
Take This Course
  • Lectures 62
  • Contents Video: 5 hours
    Other: 19 mins
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2015 English

Course Description

Now covering the latest version 0.14

Master the art of ReactJS and be ready for the future of web developmet. 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. Understaning 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

So lets start learning...Master ReactJS

What are the requirements?

  • HTML
  • CSS
  • JavaScript

What am I going to get from this course?

  • Develope dynamic User Interfaces using ReactJS
  • Understand all the basic concepts of ReactJS
  • Make use of ReactJS with other frameworks/libraries like jQuery

What is the target audience?

  • Aspiring Web Designers
  • Aspiring Web Developers
  • Web Developers
  • Web Designers
  • Web Architects

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction to ReactJS
Introduction
Preview
01:28
Downloading & Installing ReactJS - Our First Example - Hello World!
Preview
04:21
Understanding Virtual DOM
Preview
01:19
Section 2: Components in ReactJS
Rendering Data in ReactJS
Preview
06:23
Applying CSS class to HTML content in ReactJS
02:11
Playing Safe with HTML Entities
03:00
Component State & Life Cycle
09:54
Component State in Action
04:56
Understanding State in React
04:10
Understanding Component LifeCycle - I
07:35
Understanding Component LifeCycle - II
05:17
Understanding Component LifeCycle - III
09:52
Creating Multiple Components in ReactJS
06:19
Creating Reusable Components
06:32
Section 3: Properties & Events
Working with Properties
Preview
09:10
Accessing Child Properties
01:18
01:46

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

Working with Mixins
11:56
Understanding Events in ReactJS
02:43
Exploring static methods
04:07
Section 4: Forms Components
Working with Forms in ReactJS
05:06
Section 5: Accessing DOM
Referring DOM Nodes - The Refs way
02:12
Section 6: Tooling Support
Converting JSX to JS
Preview
05:05
Using Gulp To compile and concatenate JSX files - I
07:15
Using Gulp To compile and concatenate JSX files (Using Browserify) - II
13:23
Component Communication
04:35
Working with jQuery - Ajax
03:22
DOM Event Listeners
05:05
Inline Styles in ReactJS
02:27
Using dangerouslySetInnerHTML
01:58
Section 7: Major AddOns in ReactJS
Two Way Data Binding
Preview
07:09
Clone Elements - [cloneWithProps Deprecated - Use React.cloneElement instead]
02:55
Using React.cloneElement
Preview
01:26
Making use of classSet to apply Conditional Styles
02:41
Making use of classnames to apply conditional styling
01:34
Animation using CSSTransitionGroup
04:54
Section 8: Introduction to React Router
Working with React Router
09:33
Working with Links & Creating Nested Routes
04:03
Refactoring Routes and Components
02:47
Section 9: React and Remote Data
Introducing Fetch
07:36
Rendering Remote Data in Components
04:00
Section 10: React Developer Tool for Chrome
React Dev Tools
02:53
Section 11: Flux
Introduction
Preview
04:58
Flux Setup
05:48
Flux Architecture - Code Demo
Preview
09:29
Dispatcher - The Broadcaster
03:50
Actions
07:35
Stores
05:41
Components and Views
08:10
Section 12: Project - Course Cart
Introduction
01:42
Course Cart - Preview
00:27
Course Cart - Package And Mockup Data
02:05
Course Cart - CartAPI and Flux Actions
01:37
Course Cart - App And Dispatcher
02:31
Course Cart - Creating Stores And Final Demo
09:58
Section 13: Reflux
Introduction to Reflux Store
04:12
Loading data using Reflux
04:00
Working with Actions in Reflux
05:10
Section 14: Version 0.14.x update
Hello World with React Version 0.14
02:33
Using version 0.14 via NPM
02:41
02:07

In this lecture we will see how we can make use of JSX spread operator to transfer properties.

The code file is attached with this lecture

Section 15: Conclusion and Code Download
Conclusion and Code Download
19 pages

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

SkillBakery Studio, Start Learning Today...

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that's why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

Ready to start learning?
Take This Course