SwawillaReact前端脚手架
SwawillaReact 的启动流程比较标准，基于 Create React App，所以上手挺快的。项目里自带了几个常用脚本，开发、打包、测试一条龙，适合想快速起个项目练手或者搞点小 demo 的同学。
直接 npm start 就能跑起来，热更新也有，改完代码浏览器直接刷新，响应也快。控制台还
Webpack - 最新实例
Webpack 3模块机制与新特性解析
webpack 的打包机制、模块兼容能力还有 webpack3 的新特性，都是不少前端开发绕不开的知识点。这篇文章从一个小例子入手，带你一步步拆包、模块格式，看懂那些平时一堆压缩代码背后的逻辑，挺适合刚接触 webpack 或是想回炉的朋友。
React游戏中心前端项目
游戏中心的前端是用Create React App起手搭的，结构清爽、逻辑也比较直观，挺适合新手上手的项目。
npm start一跑，开发模式就开了，默认会自动打开浏览器，代码一改页面就刷新，调试效率还挺高。
npm test可以跑单元测试，用的是交互模式，适合边改边测，写组件的时候有用。要是你平时
Almost-social-network React练手项目
几乎社交网络的项目结构挺清爽，前期用来熟悉 React 那一套流程还蛮合适的。目录清晰，直接npm start就能起服务，打开浏览器就能看到效果，改了代码也会自动刷新，响应也快，适合日常练手。
npm test支持交互模式的测试跑法，调试体验还不错。如果你写单测比较多，这个配置可以直接上手，不用折腾
Netease Music Juke Box网页版音乐客户端
网易云音乐的网页版客户端，页面还原度挺高的，功能也比较完整，像播放、暂停、切歌、歌词同步啥的都有。用的是HTML5和CSS3，视觉上还挺干净的，黑色主题，蛮有质感。你打开项目一看，基本能一眼看出结构，不复杂，适合练手或者做参考。
项目用了Webpack和Gulp两种构建方式，你看自己习惯哪个就用哪个
html-webpack-plugin使用详解
自动注入 JS 和 CSS、支持模板语法、还能加 hash 的文件名——html-webpack-plugin可以说是前端构建流程里一个挺省心的插件了。
html-webpack-plugin的作用直接：帮你生成最终输出的index.html，自动把 webpack 打包出来的bundle.js插进
React Portfolio 2020响应式项目组合
带路由的 React 项目组合，用了 SCSS 响应式布局，页面切换挺顺畅，还没有用 Bootstrap，整个风格比较干净清爽。部署前跑个 yarn build 就能打包上线，文件也会自动带 hash，版本控制方便。
开发调试方面，直接 yarn start 启动开发模式，编辑完页面还能自动热更新，
HTML5+CSS3猫眼界面还原练习
猫眼电影的界面排布，挺考验前端基本功的，尤其是布局和响应式这一块。用 HTML5 加 CSS 就能还原出一个还不错的原型界面，适合练手。
导航栏的布局用的是;标签，配合Flexbox搞定左右对齐，响应也快，代码也简单。比如导航左边放 logo，右边几个菜单按钮，用justify-content: s
React Persons Management人员管理项目
React 的人员管理小项目，功能不复杂但挺适合练手。自带脚手架引导，运行、测试、构建都封装好了，用起来还蛮省心的。你只需要 npm start 一下，页面就自动打开，改了代码还能自动刷新，开发体验挺丝滑。
npm test 是交互模式跑测试，适合边改边看效果，配合 React Testing Li
React Unsplash教程项目
Unsplash 的 React 项目教程，体验还挺顺的。项目里自带脚本，直接用npm start就能跑起来，适合快速上手做个图片类项目。改完代码浏览器自动刷新，响应也挺快，调试起来省不少事。
构建脚本也一应俱全，用npm run build打包后直接能上线，代码压缩了还带哈希，部署也省心。如果你喜