StarwarsCards React WebApp模板
带 React 的 WebApp 样板，用起来还挺顺的，名字叫StarwarsCards，适合想快速搭好开发环境的你。默认配置了webpack-dev-server，支持实时热重载，调试起来挺方便的。嗯，关键是跨平台支持也不错，Windows、Mac、Linux 都没问题，甚至你用 Gitpod 也行。
项目用的是比较常见的结构，样式集中放在styles/文件夹里，你可以直接改index.scss，也可以新建.scss 文件再引入。代码风格是函数组件，配合useState这种 Hook 写法，挺现代的。没有类组件那一堆constructor、this.setState啥的，干净不少。
启动流程也蛮：npm install搞定依赖，复制一份.env：cp .env.example .env，npm run start就能跑起来了。嗯，要注意下你得用Node.js v10版本，不然有些包不兼容。
顺带推荐几个相关的资源，如果你想继续折腾：
- React-Redux Boilerplate：集成了 SCSS、Webpack、Redux 什么的，适合想上 Redux 的朋友。
- react-dynamic-buttons：顺带能看看 SCSS 的写法。
- 优化 Webpack 配置：教你怎么集成 TS 和 SCSS 的 Lint 规则。
- webpack-react：专门讲 React 的 Webpack 配置。
如果你刚上手 React 或者懒得从零配置 Webpack，StarwarsCards这个模板还挺适合拿来练手或者当起点的。要是你已经熟练了，也可以直接改造它当成自己的项目脚手架。
文件大小：431.16KB
评论区