https://github.com/oct16/mini-react-example

Simple implementation of React
https://github.com/oct16/mini-react-example

Last synced: about 1 year ago
JSON representation

Simple implementation of React

• Host: GitHub
• URL: https://github.com/oct16/mini-react-example
• Owner: oct16
• License: mit
• Created: 2019-05-10T08:07:10.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T10:23:33.000Z (over 3 years ago)
• Last Synced: 2025-04-30T01:06:45.901Z (about 1 year ago)
• Language: TypeScript
• Homepage: https://oct16.github.io/mini-react/
• Size: 4.01 MB
• Stars: 3
• Watchers: 0
• Forks: 0
• Open Issues: 26
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
## A Mini React Demo ![travis-ci](https://travis-ci.org/oct16/mini-react-example.svg?branch=tw) ![GitHub last commit](https://img.shields.io/github/last-commit/oct16/mini-react-example) ![GitHub](https://img.shields.io/github/license/oct16/mini-react-example) 

#### TODO

- [x] **ENV**

    - [x] **Dev**

    - [x] **Prod**

    - [x] **Test**

    - [x] **Analyze**

- [x] **TSX**

    - [x] **Lint**

    - [x] **JsxFactory**

- [ ] **Diff Engine** [Reconciliation](https://reactjs.org/docs/reconciliation.html), [Article](https://github.com/hujiulong/blog/issues/4)

    - [x] **Core**

    - [x] **Element**

    - [x] **Component**

    - [x] **Attribute**

    - [ ] **Key Strategy**

- [x] **Life Cycle**

    - [x] **componentWillMount**

    - [x] **componentDidMount**

    - [x] **componentWillReceiveProps**

    - [x] **shouldComponentUpdate**

    - [x] **componentDidUpdate**

    - [x] **componentWillUnmount**

- [x] **Props**

- [ ] **Refs**

    - [x] **CallBackRef**

    - [ ] **StringRef**

    - [ ] **CreateRef**

- [ ] **Components**

    - [x] **Demo**

    - [x] **Dialog**

    - [x] **Loading**

    - [ ] **Form**

- [x] **Async Queue** [Why is setState asynchronous?](https://github.com/facebook/react/issues/11527)

- [ ] **Router** [Build your own React Router v4](https://tylermcginnis.com/build-your-own-react-router-v4/)

    - [x] **Route Component**

    - [x] **Link Component**

    - [x] **History Route**

    - [ ] **Hash Route**

- [x] **Dynamic Import** 

    - [x] **Dynamic Component**

    - [x] **Dynamic Route** [React-router-code-splitting](https://tylermcginnis.com/react-router-code-splitting/)

    - [x] **Loadable**

- [ ] **Context**

- [ ] **Redux**

- [ ] **React-Redux**

- [ ] **Fragment**

- [ ] **portals**

- [ ] **Hooks** [React hooks not magic just arrays](https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e), [How do React hooks really work](https://www.netlify.com/blog/2019/03/11/deep-dive-how-do-react-hooks-really-work/)

- [ ] **SSR**

- [ ] **...**

---

Demo: [https://oct16.github.io/mini-react/](https://oct16.github.io/mini-react/)