Social Share
featured

React

3 Curriculum
( 2 Reviews )

ES6 Overview

  • Lesson 1. History of Javascript
  • Lesson 2. What is ES6
  • Lesson 3. A word on bable
  • Lesson 4. Block scope, let & const
  • Lesson 5. Template literals
  • Lesson 6. Arrow functions
  • Lesson 7. Spread and Rest operators
  • Lesson 8. Destructuring
  • Lesson 9. Classes - Inheritance, Static properties and methods
  • Lesson 10. Inheritance
  • Lesson 11. Static properties and methods
  • Lesson 12. Promises
  • Lesson 13. Modules

Introduction to React

  • Lesson 1. What is React?
  • Lesson 2. Why React?
  • Lesson 3. React version history
  • Lesson 4. React 16 vs React 15
  • Lesson 5. Just React - Hello World
  • Lesson 6. Using create-react-app
  • Lesson 7. Anatomy of react project
  • Lesson 8. Running the app
  • Lesson 9. Debugging first react app

Templating using JSX

  • Lesson 1. Working with React.createElement
  • Lesson 2. Expressions
  • Lesson 3. Using logical operators
  • Lesson 4. Specifying attributes
  • Lesson 5. Specifying children

It's all about components

  • Lesson 1. Significance of component architecture
  • Lesson 2. Types of components - Functional, Class based, Pure
  • Lesson 3. Component Composition

Working with state and props

  • Lesson 1. What is state and its significance
  • Lesson 2. Read state and set state
  • Lesson 3. Passing data to component using props
  • Lesson 4. Validating props using propTypes
  • Lesson 5. Supplying default values to props using defaultProps

Rendering lists

  • Lesson 1. Using React key prop
  • Lesson 2. Using map function to iterate on arrays to generate elements

Event handling in React

  • Lesson 1. Understanding React event system
  • Lesson 2. Understanding Synthetic event
  • Lesson 3. Passing arguments to event handlers

Understanding Component Lifecycle Working with Forms

  • Lesson 1. Controlled components
  • Lesson 2. Uncontrolled components
  • Lesson 3. Understand the significance to defaultValue prop
  • Lesson 4. Using react ref prop to get access to DOM element

Routing with React Router

  • Lesson 1. Setting up react router
  • Lesson 2. Understand routing in single page applications
  • Lesson 3. Working with BrowserRouter and HashRouter components
  • Lesson 4. Configuring route with Route component
  • Lesson 5. Using Switch component to define routing rules
  • Lesson 6. Making routes dynamic using route params
  • Lesson 7. Working with nested routes
  • Lesson 8. Navigating to pages using Link and NavLink component
  • Lesson 9. Redirect routes using RedirectComponent
  • Lesson 10. Using Prompt component to get consent of user for navigation
  • Lesson 11. Path less Route to handle failed matches

Just Redux

  • Lesson 1. What is redux
  • Lesson 2. Why redux
  • Lesson 3. Redux principles
  • Lesson 4. Install and setup redux
  • Lesson 5. Creating actions, reducer and store

Immutable.js for immutable data structures

  • Lesson 1. What is Immutable.js?
  • Lesson 2. Immutable collections
  • Lesson 3. Lists
  • Lesson 4. Maps
  • Lesson 5. Sets

React Redux

  • Lesson 1. What is React Redux
  • Lesson 2. Why React Redux
  • Lesson 3. Install and setup
  • Lesson 4. Presentational vs Container components
  • Lesson 5. Understand high order component
  • Lesson 6. Understanding mapStateToProps and mapDispatchtToProps usage

Redux saga(Redux middleware)

  • Lesson 1. Why redux middleware
  • Lesson 2. Available redux middleware choices
  • Lesson 3. What is redux saga
  • Lesson 4. Install and setup redux saga
  • Lesson 5. Working with Saga helpers
  • Lesson 6. Sagas vs promises

React Introduction

React is a view library to develop single page applications in Javascript. It is the most popular library backed by Facebook. With React library, you can develop dynamic frontend applications which come with great features like component architecture, data binding, declarative views, universal apps.

Why Learn React

All students will gain knowledge: *Understand how Single Page React application is different than traditional web development frameworks *Code using new ES6 language features *Develop an application from scratch using React 16 *Understand the benefits of unidirectional data flow *Understand and use React, React Router, Redux, Redux Saga and other popular libraries *Creating redux middleware with Redux saga *Use styled-components to create presentational components (CSS in JS) *Taking the advantage of React and Redux dev tools for better debugging *Taking the advantage of immutable.js library to follow the immutable state principle *Unit test React components, redux using Jest, Enzyme and sinon *Implementing server-side rendering for SEO benefits and to reduce initial load times *Understand webpack bundler and its killer features like code splitting, lazy loading, tree shaking, hot module replacement *Create, build, and deploy react applications to cloud *React ecosystem and sources for good third-party libraries

Review

Average Rating
4
Details
  • 1 Star
    0
  • 2 Star
    0
  • 3 Star
    0
  • 4 Star
    2
  • 1 Star
    0

Comments ( 2 )

  • Ram MNovember 1, 2017

    Cras porttitor sed diam
    Vestibulum a mauris orci. Sed eros enim, euismod at eros ac, vestibulum volutpat tortor. Suspendisse neque dui, rutrum congue ligula ut, semper pulvinar diam.


  • Andre DubusNovember 1, 2017

    Maecenas euismod mi ac risus faucibus
    Suspendisse vitae iaculis purus, non malesuada odio. Nunc nec interdum est, vel porta lacus. Praesent leo magna, lacinia non arcu eget, pulvinar tristique sapien. Etiam eget urna eget magna sollicitudin molestie. Praesent vitae libero ligula. Suspendisse ut tortor nulla. Nunc a bibendum nibh. Etiam ornare scelerisque velit sed egestas.

  • Ram MNovember 1, 2017

    Cras porttitor sed diam
    Vestibulum a mauris orci. Sed eros enim, euismod at eros ac, vestibulum volutpat tortor. Suspendisse neque dui, rutrum congue ligula ut, semper pulvinar diam.