introduce

In order to deepen my understanding of React, it can also help other students who want to have a deeper understanding of the React principle. I wrote this article and opened a warehouse. All of the code can be found in this repository. For details, see README.

Current implementations include pure function support, class support, state support, lifecycle support, and JSX support (this is not exactly mini-React support). The follow-up content is constantly updated

I’ll call it Mono-React.

Advance knowledge

Before you take this course, you need to be familiar with the React API.

If you do not understand, do not recommend you continue to read.

If you already know React, let’s get started!

Begin to learn

If you want to learn, please switch to the corresponding branch.

For example, if you want to learn lesson 1, switch to the lecture/part1 branch, if you want to learn lesson 2, switch to the lecture/part2 branch, and so on.

Course list

We have finished the draft of chapter 1-5, and plan to improve and correct the errors in 2018-07. Other sections are planned for August. If you are particularly interested, please leave a comment in the “issue” area, perhaps in advance.

Draft, subject to change

  1. The simplest implementations include vDOM structures, createElement, and reactdom.render

  2. Added Class support

  3. Added JSX support

  4. Added state support

  5. Increase the declaration period

  6. Added DOM-Diff (Harmonic algorithm)

  7. Increase the context API

  8. Added REF support

  9. Increase PureComponent

. To be continued