https://github.com/xambassador/build-your-own-react

Miniact - a playful, educational re-implementation of `React’s` core ideas
https://github.com/xambassador/build-your-own-react

build-your-own-x components fibers learning learning-by-doing preact react react-core react-dom react-fibers react-hooks react-internal reconciliation ui virtual-dom

Last synced: about 2 months ago
JSON representation

Miniact - a playful, educational re-implementation of `React’s` core ideas

• Host: GitHub
• URL: https://github.com/xambassador/build-your-own-react
• Owner: xambassador
• License: mit
• Created: 2024-12-08T06:31:47.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-08T07:01:18.000Z (about 2 months ago)
• Last Synced: 2024-12-08T08:16:46.673Z (about 2 months ago)
• Topics: build-your-own-x, components, fibers, learning, learning-by-doing, preact, react, react-core, react-dom, react-fibers, react-hooks, react-internal, reconciliation, ui, virtual-dom
• Homepage:
• Size: 7.81 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
> [!IMPORTANT]

> This is my weekend project (work in progress) to understand the internals of React. I am implementing a tiny version of

> it to understand how it works under the hood. I have not explore the entire React source code yet. But what I have

> explored so far and learned, I am trying to implement it in this tiny version. So, the actual implementation may be

> different from the original React source code. This is for educational purposes only.

---

# Miniact

`Miniact` is a playful, educational re-implementation of [`React's`](https://react.dev/) core ideas, aiming to demystify how hooks, fibers, and the virtual DOM come together. This tiny react implementation is not production-ready. It’s a hands-on sandbox for understanding the internals of rendering, reconciliation, and scheduling. By exploring `Miniact` source, you’ll gain insight into the architectural patterns behind React and learn how to build and customize your own UI library from scratch.