lucasbflix React入门项目
黑底的播放器界面、用 Create React App 搭的结构，lucasbflix 这个项目就是典型的入门 React 实战。嗯，风格有点像 Netflix，蛮适合想练练组件拆分和状态管理的你。
项目的启动方式挺标准，用 yarn start 就能直接跑开发模式，响应也快。代码一改，页面自动刷新，配合控制台输出，调试体验还不错，适合边写边改边看效果。
yarn build 用来打包，生成的 build 文件夹直接可以部署，hash 文件名也帮你搞定缓存优化，比较省心。如果你有部署需求，直接扔到静态服务上就行。
想深入研究构建过程？yarn eject 就派上用场了。不过提醒下，一旦 eject，就回不去了哈。除非你真的要改 webpack 配置，不然建议先别动它。
测试方面用的还是 CRA 默认那一套，yarn test 就能跑，适合写点基础的组件测试。配合你喜欢的断言库或者 UI 测试工具，再提升下体验也行。
如果你刚学完 React，正愁不知道怎么开始一个小项目，那这个 lucasbflix 蛮合适的。不光能练手，还能顺便熟悉下 CRA 的完整流程。
顺带几个相关的学习资源：webpack-react：配置 React 的 Webpack、React Yarn 快速搭建与测试工具，都挺实用。
文件大小：252.64KB
评论区