KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agent #developer-tools #codex #typescript #cli #deepseek-harness #claude-code #ai-agents #mcp #rust

awesome-frontend-source-interpretation

★ 1,286 Open GitHub ↗

从源码层面，剖析前端主流技术的底层实现原理。

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Hy1qYI](https://raw.githubusercontent.com/KieSun/awesome-frontend-source-interpretation/master/universe.jpeg)

都说阅读开源框架源代码技术成长会很快，因此我也尝试阅读一些前端领域中感兴趣的源码并对其内容做详细的分析，就像人类探索宇宙一般，不断探索及学习。

在这个仓库里我会将自己阅读源码的心得记录下来，希望对各位读者有所帮助。本仓库会经常更新，如果想关注的话可以点 star 以及 watch 支持我。

另外大家也可以关注【[公众号](#个人信息)】获取最新内容或者加我【[微信](#个人信息)】提意见。

## 目录

### 近期更新

1. swr
2. react 原理

### 微前端

- [保姆级从零到一手把手教你造一个企业级微前端框架](./article/micro/微前端.md)

### 框架全家桶

| 项目 | 版本 | <div style="width:500px">文章列表 |
|:-------:|:-------:|:------|
| React | 17.0.1 | [不要读源码](./article/react/不要读源码.md)[如何调试 react 源码](./article/react/如何调试%20react%20源码.md)[fiber](./article/react/fiber.md)[Virtual Dom](./article/react/Virtual%20Dom.md) |
| | 16.8.6 | [热身篇](https://github.com/KieSun/learn-react-essence/blob/master/%E7%83%AD%E8%BA%AB%E7%AF%87.md)[render 流程（一）](https://github.com/KieSun/learn-react-essence/blob/master/render%20%E6%B5%81%E7%A8%8B%EF%BC%88%E4%B8%80%EF%BC%89.md)[render 流程（二）](https://github.com/KieSun/learn-react-essence/blob/master/render%20%E6%B5%81%E7%A8%8B%EF%BC%88%E4%BA%8C%EF%BC%89.md)[调度原理](https://github.com/KieSun/learn-react-essence/blob/master/%E8%B0%83%E5%BA%A6%E5%8E%9F%E7%90%86.md)[组件更新流程一（调度任务）](https://github.com/KieSun/learn-react-essence/blob/master/%E7%BB%84%E4%BB%B6%E6%9B%B4%E6%96%B0%E6%B5%81%E7%A8%8B%E4%B8%80%EF%BC%88%E8%B0%83%E5%BA%A6%E4%BB%BB%E5%8A%A1%EF%BC%89.md)[组件更新流程二（diff 策略）](https://github.com/KieSun/learn-react-essence/blob/master/%E7%BB%84%E4%BB%B6%E6%9B%B4%E6%96%B0%E6%B5%81%E7%A8%8B%E4%BA%8C%EF%BC%88diff%20%E7%AD%96%E7%95%A5%EF%BC%89.md) |
| Redux | 久远 | [源码解析](./article/react/Redux%20源码深度解析.md) |
| Vue | 2.x | [响应式原理](./article/vue/响应式原理.md) |
| VueRouter | 久远 | [源码解析](./article/vue/VueRouter%20源码深度解析.md) |
| Vuex | 久远 | [源码解析](./article/vue/Vuex%20源码深度解析.md) |

## 个人信息

| 微信扫码关注公众号，订阅更多精彩内容 | 加笔者微信进群与大厂大佬讨论技术 |
| ---------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
| <img src="https://yck-1254263422.cos.ap-shanghai.myqcloud.com/20191220223702.jpeg" width="500px;" /> | <img src="https://yck-1254263422.cos.ap-shanghai.myqcloud.com/20191220224224.png" width="260px;" /> |

awesome-frontend-source-interpretation

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README