Reinventing VueJS

Many books and blogs teach you how to use VueJS, this series of articles and code samples teach you how to make a VueJS.

We will start by building something very simple, and gradually add more and more features, so eventually it can replace the real VueJS library in some simple use cases.

In each chapter, we will be discussing how to implement a particular feature, or how to optimize performance. The sample code of each chapter is stand alone and is ready to run.

The following is an index of topics we are going to cover:

already completed:

• Chapter 1: SimplifiedVue and its first component
• Chapter 2: Data proxy and method binding
• Chapter 3: Component properties
• Chapter 4: First step to reactivity
• Chapter 5: Reacting to component properties changes
• Chapter 6: Refactoring: Observer, Dep and Watcher
• Chapter 7: Implementing watched property

coming soon:

• Chapter 8: Computed property and lazy wacher
• Chapter 9: Potential memory leak and the tear down of watchers
• Chapter 10: Avoiding unwanted updates with update queue
• Chapter 11: What is virtual DOM and why do we need it
• Chapter 12: Defining the virtual DOM nodes
• Chapter 13: Generate DOM based on virtual DOM nodes
• Chapter 14: Redefining the render method
• Chapter 15: Patch: the game changer
• Chapter 16: A brief look at template parser
• later chapters not yet planned, but there will be more.

How to read this series

Every branch represents a chapter. The README.md of the chapter contains all the text and explanations, and the code in the the branch contains everything we have built so far (until the chapter)