Welcome to tiny-anything 👋

🚀 tiny-anything 是一个集合了前端领域的各种迷你版本的库，方便前端学习者学习，探索前端源码。里面的库是原库的超级迷你版本，只包含原库的主流程，不包含边界 case，所以建议仅学习使用，请勿用于生产环境

💼 repo

logo	迷你项目名称	简述	技术
	mini-vue3	⚡️ vue3 核心包: reactivity, compile, runtime
	mini-react	🦋 React 核心包: core, scheduler, reconciler
	Vue Router3	🐝 Vue 路由 version: 3
	Vuex	✨ Vuex 迷你实现
	mini-pinia	🌸 Pinia 您将喜欢使用的 Vue 存储库
	ahooks	🦄 一套高质量可靠的 React Hooks 库
	mini-swr	⚡️ 用于数据请求的 React Hooks 库
	react-router	🏎 React 中的路由
	Redux	🎸 JavaScript 状态容器，提供可预测化的状态管理
	redux-thunk	🌍 Thunk middleware for Redux^_^
	mini-vuex4	📦 Vuex 4 状态管理库的简约实现
	mini-mini-vuex3	📦 100行实现的极简Vuex3
	mini-mini-pinia	🌸 40行实现的极简Pinia
	mini-pinia-ts	🌸 最接近官方的TypeScript版Pinia实现
	mini-react-router4	🛣️ React Router 4的简约实现
	mini-react-router5	🛣️ React Router 5的简约实现
	mini-redux-saga	🎭 Redux中间件，用于处理异步操作
	mini-redux-promise	🔄 处理Redux中的Promise action
	mini-react-hooks	🔧 React Hooks的简约实现
	mini-reactivity	⚡️ Vue响应式系统的核心实现
	mini-recoil	🧪 React状态管理库Recoil的简约实现
	mini-zustand	🐻 基于hooks的简约状态管理库
	mini-mobx	🚀 响应式状态管理库MobX的简约实现
	mini-dva	🚀 基于Redux和Redux-saga的数据流方案
	mini-create-vue	🛠️ Vue项目脚手架工具
	mini-axios	📡 基于Promise的HTTP客户端
	axios-ts	📡 TypeScript版HTTP客户端
	mini-webpack	📦 模块打包工具Webpack的核心实现
	mini-module-federation-plugin	📦 Webpack模块联邦插件的迷你实现
	mini-jest	🧪 JavaScript测试框架Jest的简约实现
	mini-vitest	⚡️ 极速单元测试框架Vitest的简约实现
	mini-nodemon	🔄 监视文件变化并自动重启应用
	mini-pm2	🔧 Node.js应用进程管理器
	mini-pnpm	⚡️ 高性能Node.js包管理器
	mini-tapable	🔌 Webpack的插件系统核心
	mini-umi	🚀 可扩展的企业级前端应用框架
	pinia-source	🌸 Pinia源码解读与实现
	mini-connected-react-router	🔄 将React Router与Redux状态同步
	mini-create-react-app-template	🛠️ React项目脚手架模板
	mini-express-template	🌐 Express.js服务器模板
	mini-koa-template	🌐 Koa.js服务器模板
	mini-mobx-template	📋 MobX项目模板
	mini-react-redux	🔄 React与Redux的连接库
	mini-webpack-loader-plugins	🔌 Webpack加载器和插件的简化实现
	lit-html	lit-html

🏠 Homepage

documentation

框架

由于 Vue, React 较为复杂，mini-vue 和 mini-react 在其他仓库

✅ mini-vue3

https://github.com/sunny-117/tiny-vue

✅ mini-vue2

https://github.com/sunny-117/mini-vue2

✅ mini-react

https://github.com/sunny-117/tiny-react

✅ mini-react-hooks

✅ mini-vue-reactivity

Vue 生态

✅ mini-vue-router3

✅ mini-vuex4

✅ mini-mini-vuex3 100 行写一个 vuex

✅ mini-pinia

✅ mini-mini-pinia 40 行写一个 pinia

✅ mini-pinia-ts 最接近官方的 pinia 实现

React 生态

✅ mini-react-router4

✅ mini-react-router5

✅ mini-redux

✅ connected-react-router

✅ mini-react-redux

✅ mini-redux-promise

✅ mini-redux-thunk

✅ mini-redux-saga

✅ mini-recoil

✅ mini-swr

工具链

✅ mini-create-react-app-template

✅ mini-rspack

✅ mini-pnpm

上层框架

✅ mini-dva

✅ mini-umi

✅ mini-plugin-dva-loading

✅ mini-formily

https://github.com/Sunny-117/mini-formily

工程化

✅ mini-webpack

• 最接近源码的实现：https://github.com/sunny-117/jspack

• 简化版 mini-webpack-loader-plugins

• 极简版（适合新手）：https://github.com/Sunny-117/mini-webpack

✅ mini-vite

• 最接近源码的实现：https://github.com/Sunny-117/tiny-vite

• 简化版：https://github.com/Sunny-117/mini-vite

✅ mini-rollup

详见：https://github.com/Sunny-117/cherry

✅ mini-vitest

✅ mini-jest

迷你单元测试框架

工具库

✅ mini-pm2

✅ mini-axios

✅ mini-nodemon

✅ mini-express

✅ mini-koa

TODO: mini-mitt

插件

✅ vite 插件

https://github.com/sunny-117/vite-plugins

✅ rollup plugin

https://github.com/Sunny-117/rollup-core-plugins

✅ esbuild plugin

https://github.com/Sunny-117/esbuild-book

✅ webpack MF plugin

状态管理

✅ mini-mobx

✅ mini-zustand

编译器

✅ parse&codegen&compiler

https://github.com/Sunny-117/tiny-complier

🖥 Environment Suppor

• Modern browsers
• NodeJS

Author

👤 sunny-117

• Website: https://sunny-117.github.io/blog/
• Github: @sunny-117

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page. You can also take a look at the contributing guide.

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2023 sunny-117.
This project is MIT licensed.

---

This README was generated with ❤️ by readme-md-generator