React JS
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
