mmf-blog-vite-vue2Vue2.0前后端分离项目
mmf-blog-vite-vue2 的项目结构挺清爽的，主打一个前后端分离，前端用的Vue2搭配Vite，响应也快，代码也简洁。整个项目就是你熟悉的那些老朋友：Vue-Router 路由管理、Vuex 做状态管理，还有ESLint 保驾护航。
本地跑起来也不麻烦，yarn 装完依赖就能 yarn
Webpack - 最新实例
Corona Dashboard React疫情看板
黑色主题的疫情数据仪表板，配色冷静，排版清晰，看着就舒服。作者用的是React搭的项目，前后端数据交互也顺畅，适合做练手或快速搭建自己的数据看板。
页面是静态托管在 GitHub Pages，打开就能用。项目结构也挺干净的，yarn start直接跑，热更新也到位，调试体验不错。
还有一点值得说，y
wbdv SP21Shayan Client React项目框架
React 项目的脚手架工具里，Create React App一直是新手入门的利器。wbdv-sp21-shayan-client-react就是用它起的头，项目结构清晰，适合上手熟悉 React 全流程。跑开发环境用npm start，调试方便，改个组件页面秒刷新，体验还挺丝滑的。
测试脚本也准
React博客应用项目
博客应用的 React 版本已经上线，项目在我 GitHub 仓库里，开箱即用，适合拿来练手或者做二次开发。基于 Create React App 启动，脚手架自带的构建和开发流程都挺顺的。
npm start一跑，开发模式立马起飞，浏览器自动打开页面。你改个组件，它就热更新，响应也快，调试还方便。
React Redux博客项目redux-thunk中间件实践
React 的博客项目挺适合用来练手 Redux 中间件的。页面上有博客文章和用户列表，逻辑清晰，数据流动一目了然，适合上手搞清楚 redux-thunk 怎么和 React 配合。
项目是用 create-react-app 搭起来的，直接 npm start 就能跑起来。页面热更新也有，改一行代
uni-auto-pages uni-app自动生成pages.json配置工具
uni-app 的页面配置真是个老大难，动不动就几百行的pages.json，一个页面一堆配置，还容易出错。uni-auto-pages这个插件就挺省心，自动帮你生成pages.json，还能顺带分包subPackages和条件编译condition，基本上你只管建页面就行。
用法也不复杂，先npm
In-Depth Webpack模块化学习资源
模块化思维的入门钥匙，是你搞懂 Webpack 的前提。in-depth-webpack这个资源，内容还蛮全的，CommonJS、AMD、CMD 这些模块规范它都过了一遍。代码示例也挺实用，像module.exports、require()的用法讲得比较细，适合边学边敲。
CommonJS 的模块导
frontendPortfolio React投资组合教学前端
React 的前端项目资源，挺适合用来练手或教学用。我自己是拿来教别人怎么搭建投资组合网站的，页面结构清晰，功能也不复杂，蛮适合做入门用。脚手架用的是create-react-app，你进目录直接npm start就能跑，开发模式下改点代码，页面会自动刷新，响应也挺快。测试部分也没落下，npm te
单车React入门项目
单车的项目是用 Create React App 起的，结构清爽，适合刚上手 React 的同学。脚本都配置好了，yarn start 一跑，浏览器直接开，改了代码还能自动刷新，响应也快，开发起来省心不少。
yarn test 是内建的测试命令，平时撸完代码随手测一下，效率高，还不容易出锅。如果你打
banner-loader Webpack加载器添加前缀或后缀内容
Webpack 的banner-loader是个还挺实用的小工具，专门帮你在打包时加点“前戏”或“结尾”。想在输出的 JS 文件前面加个版权声明？用它就挺方便。直接在require里写成banner?prefix=demo.txt!./file.js，打包后就会自动把demo.txt的内容贴到文件头