Master ReactJS: Learn React JS from Scratch

Course Curriculum

Chapter 1: Introduction to ReactJS

Lecture 1: Introduction

Lecture 2: Downloading & Installing ReactJS – Our First Example – Hello World!

Lecture 3: Understanding Virtual DOM

Chapter 2: Components in ReactJS

Lecture 1: Rendering Data in ReactJS

Lecture 2: Applying CSS class to HTML content in ReactJS

Lecture 3: Playing Safe with HTML Entities

Lecture 4: Component State & Life Cycle

Lecture 5: Component State in Action

Lecture 6: Understanding State in React

Lecture 7: Understanding Component LifeCycle – I

Lecture 8: Understanding Component LifeCycle – II

Lecture 9: Understanding Component LifeCycle – III

Lecture 10: Creating Multiple Components in ReactJS

Lecture 11: Creating Reusable Components

Chapter 3: Properties & Events

Lecture 1: Working with Properties

Lecture 2: Accessing Child Properties

Lecture 3: Making use of transferPropsTo – [Deprecated] See lecture 61 for update

Lecture 4: Working with Mixins

Lecture 5: Understanding Events in ReactJS

Lecture 6: Exploring static methods

Chapter 4: Forms Components

Lecture 1: Working with Forms in ReactJS

Chapter 5: Accessing DOM

Lecture 1: Referring DOM Nodes – The Refs way

Chapter 6: Tooling Support

Lecture 1: Converting JSX to JS

Lecture 2: Using Gulp To compile and concatenate JSX files – I

Lecture 3: Using Gulp To compile and concatenate JSX files (Using Browserify) – II

Lecture 4: Component Communication

Lecture 5: Working with jQuery – Ajax

Lecture 6: DOM Event Listeners

Lecture 7: Inline Styles in ReactJS

Lecture 8: Using dangerouslySetInnerHTML

Chapter 7: Major AddOns in ReactJS

Lecture 1: Two Way Data Binding

Lecture 2: Clone Elements – [cloneWithProps Deprecated – Use React.cloneElement instead]

Lecture 3: Using React.cloneElement

Lecture 4: Making use of classSet to apply Conditional Styles

Lecture 5: Making use of classnames to apply conditional styling

Lecture 6: Animation using CSSTransitionGroup

Chapter 8: Introduction to React Router

Lecture 1: Working with React Router

Lecture 2: Working with Links & Creating Nested Routes

Lecture 3: Refactoring Routes and Components

Chapter 9: React and Remote Data

Lecture 1: Introducing Fetch

Lecture 2: Rendering Remote Data in Components

Chapter 10: React Developer Tool for Chrome

Lecture 1: React Dev Tools

Chapter 11: Flux

Lecture 1: Introduction

Lecture 2: Flux Setup

Lecture 3: Flux Architecture – Code Demo

Lecture 4: Dispatcher – The Broadcaster

Lecture 5: Actions

Lecture 6: Stores

Lecture 7: Components and Views

Chapter 12: Project – Course Cart

Lecture 1: Introduction

Lecture 2: Course Cart – Preview

Lecture 3: Course Cart – Package And Mockup Data

Lecture 4: Course Cart – CartAPI and Flux Actions

Lecture 5: Course Cart – App And Dispatcher

Lecture 6: Course Cart – Creating Stores And Final Demo

Chapter 13: Reflux

Lecture 1: Introduction to Reflux Store

Lecture 2: Loading data using Reflux

Lecture 3: Working with Actions in Reflux

Chapter 14: Version 0.14.x update

Lecture 1: Hello World with React Version 0.14

Lecture 2: Using version 0.14 via NPM

Lecture 3: Using JSX Spread to transfer Properties

Chapter 15: Conclusion and Code Download

Lecture 1: Conclusion and Code Download