https://github.com/zacharyl2/mini-react

Implement Mini-React in 400 lines of code, a minimal model with asynchronous interruptible updates.
https://github.com/zacharyl2/mini-react

javascript mini-react programming react typescript

Last synced: 5 days ago
JSON representation

Implement Mini-React in 400 lines of code, a minimal model with asynchronous interruptible updates.

• Host: GitHub
• URL: https://github.com/zacharyl2/mini-react
• Owner: ZacharyL2
• License: mit
• Created: 2022-04-11T11:01:17.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-05-12T01:45:18.000Z (8 months ago)
• Last Synced: 2024-12-25T08:08:14.058Z (13 days ago)
• Topics: javascript, mini-react, programming, react, typescript
• Language: TypeScript
• Homepage:
• Size: 218 KB
• Stars: 221
• Watchers: 3
• Forks: 28
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![Presentation](https://i.imgur.com/esCwk1l.png)

# Mini-React

**Implement Mini-React in 400 lines of code, a minimal model with asynchronous interruptible updates.**

# Demos

[Online Demo](https://stackblitz.com/~/github.com/ZacharyL2/mini-react)

A simple running screenshot:

![Demo](https://i.imgur.com/wQV5IaC.gif)

# Introduce

I used the [Tic-Tac-Toe](https://react.dev/learn/tutorial-tic-tac-toe) tutorial example provided on the React website, and it works well.

Additionally, it supports both functional and class components. Its overall logic and function naming are largely consistent with React's fundamentals. If you are interested in the inner workings of React, then this tutorial is suitable for you!

[**See how to build it.**](https://webdeveloper.beehiiv.com/p/build-react-400-lines-code)

# License

[MIT](https://github.com/islizeqiang/mini-react/blob/master/LICENSE)