Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/course-dasheng/source-tour

前端框架源码漫游记
https://github.com/course-dasheng/source-tour

Last synced: 8 days ago
JSON representation

前端框架源码漫游记

Awesome Lists containing this project

README

        

# 前端源码漫游记

1. 源码的场景
1. 前端框架:Vue React 生态全家桶
2. 脚手架:ni create-vue
3. 开发工具:webpack rollup vite (大致的原理)
4. ...其他学员提需求的库
2. 学习的方式
1. 手写 mini 版本,去阅读正式的源码(自己 github 开源)
2. 给仓库提 pr
3. 写文章输出原理
3. 课程的设计
1. 简单到难
2. 实战优先 && 提 pr && 写文章输出
3. 内部讨论会
4. 准备好你的 github
5. 使用 js or ts(esno,tsup, unbuild)
1. 先从 vue 的响应式 和脚手架框架开始

```
packages
-
- utils 工具库
- demo-intro
- jquery.js mini jquery + jsonp
- template.html 模板引擎
vue
- reactivity 响应式
- compiler-dom
- compiler-core
- runtime-core
- runtime-dom
react
- jsx
- react
- react-dom
vite
- vite
- rollup
```

## 感谢
- [Vue](https://github.com/vuejs/core)
- [React](https://github.com/facebook/react)
- [Vite](https://github.com/vitejs/vite)
- [Rollup](https://github.com/rollup/rollup)
- [ESbuild](https://github.com/evanw/esbuild)
- [mini-vue](https://github.com/cuixiaorui/mini-vue)
- [just-react](https://github.com/BetaSu/just-react)
## 学员作品

- [学员网名](作品链接)
- [花果山大圣](https://github.com/course-dasheng/source-tour)
- [奥兰度](https://github.com/zer0fire/sourcecode-homework)
- [frankcao](https://github.com/Frankcaozas/mini-frameworks)
- [gy1001](https://github.com/gy1001/learn-source-code.git)
- [大圣小号](https://github.com/woniuppp/source-tour-from-dasheng)
- [逍遥](https://github.com/FEliuyg/learning-source-code)
- [铁头马](https://github.com/aaamrh/FE-Wonderland)
- [Gec](https://github.com/JusticeGe/source-tour-from-me)
- [时光说](https://github.com/heimanba-ct/source-tour-ct)
- [大嘴蝠](https://github.com/ly102412/learn-source-tour)
- [思檬](https://github.com/cheng0915/source-tour-form-dasheng)
- [小象](https://github.com/Q-kil/source-tour-work)
- [混沌传奇](https://github.com/legend-li/source-learning)
- [小宇](https://github.com/hky301/learn-source-tour)
- [leeon](https://github.com/421587303/source-tour-work)
- [荆轲](https://github.com/kevynyu/learn-source-tour)
- [呵呵](https://github.com/SNJiang1992/source-tour)
- [沉默的羔羊](https://github.com/Younger-man/source)
- [大施](https://github.com/shixy96/web-source-tour)
- [沐白](https://github.com/zyl921/my-source-tour)
- [qazyuan](https://github.com/qazyuan/source-tour)