What this course is all about?
•Please read this
•Iteration 1 – Essentials of OOP in JS
•Understanding constructor function
•Quick intro to ES6 class
•Fixing new keyword bug when invoking constructor function
•Adding instance methods to constructor function/class
•How inheritance works in es5 and es6
•Method overriding
•Static methods
•OOPS Q & A
•OOPS – Clarification -1 – call and object.create
•Iteration 2 – Understanding Virtual DOM and Diffing
•Source Code: Build your own React
•VDOM Introduction
•Diffing Process
•Diffing Process – Append to end
•Diffing Process – Appending in between other nodes/elements
•Diffing Process – Delete nodes without keys
•Diffing Process – Issues – when keys are not there
•A quick quiz to recap learning
•Concepts Quiz
•Quick Introduction to JSX
•JSX built-in element vs custom component
•Embedding expressions in JSX
•Returning multiple elements
•Iteration 3 – Code your own React like Library – Rendering Native DOM Elements
•Code Setup
•Coding createElement function (update 1)
•JavaScript – How map method works?
•JavaScript – How filter method works?
•JavaScript – How reduce method works?
•Rendering Native DOM elements
•Setting DOM attributes and events
•Diffing/Reconciliation of native DOM Elements
•More testing of DOM diffing
•Iteration 4 – Code your own React like Library – Functional Component
•Render functional component
•Passing props to functional component
•Add more scenarios
•Remove old nodes when comparing two trees of vdom
•Iteration 5 – Code your own React like Library – Stateful Component
•Rendering Stateful Component
•Passing props to stateful component
•Coding the setState method (sync version)
•Adding lifecycle method stub to the base Component Class
•Reconciliation/Diffing of Stateful Components
•Adding ref support to access DOM element
•More uses cases – Reconciliation when types are different
•Notes on Stateful Components
•Iteration 8 – A Todo App using TinyReact Library
•A demo of Todo App and issues with state mutation and lack of keys.
•Iteration 9 – Keys
•Add support for keyed elements
•Notes on Keys
•Iteration 10 – Additional features
•Adding support for styled attribute
•Build a Simple JavaScript Hooks Library
•Build your own hooks like library from scratch – 1
•Plans for further updates
•What I am working on for this course?
•Iteration 0 – JavaScript Quick Recap
•A quick recap of closures
•Articles
•Code Your own Node.JS/JavaScript Event Emitter from Scratch
•Building a Snake Game using React Hooks
•Build Your Own jQuery like DOM Manipulation Library
•