React+TypeScript+Redux API项目模板
react-ts-redux-api 的项目结构挺清爽,适合用来练手或者快速搭一个中小型后台系统。你用yarn start
跑开发模式,响应快、热更新也稳,改点代码页面就自动刷新,开发体验还不错。
TypeScript加上Redux,状态管理清晰,类型安全也有保障。你要是习惯用useSelector
和useDispatch
,会觉得挺顺手的。API 求这一块虽然没用太复杂的封装,但够用了,要扩展也方便。
构建这块用的是yarn build
,打包之后的文件压缩好了,还加了 hash,部署的时候省心不少。你如果要上线,直接丢到 CDN 或服务端,基本没啥坑。
对了,它还支持yarn test
跑单测,配合 Jest 用的话,还挺适合写点组件测试。要是你对构建工具讲究,也能yarn eject
,自己折腾 webpack 和 Babel 的配置。
如果你刚开始接触 React + TypeScript + Redux 这套组合,这项目可以当个基础模板来用,能帮你少走不少弯路。顺手的话可以看看这些教程:
- React Redux TypeScript 教程
- react-redux-webpack
- Webpack 4 + React + Redux + Jest
- typescript-react-redux-hotel-rezervation
- React Redux Webpack 示例项目
如果你想搭个结构清晰、扩展性不错的项目骨架,可以试试看。开发调试顺畅,部署也方便,挺省事的。
368.29KB
文件大小:
评论区