React-DVA-Webpack前端集成框架
React、DVA、Webpack 的组合框架,用起来是真香!
React-DVA-Webpack是个挺实用的整合方案,把 React 的组件化、DVA 的数据流、Webpack 的构建能力揉到一起,做移动端项目比较顺手。
React这块就不多说了,JSX 写 UI 贼自然,配上虚拟 DOM,响应也快。你写组件就跟搭积木似的,哪块出问题,单独改一下就行。
DVA是状态管理那一块,说白了就是把 Redux 那套精简了一遍,定义model、effects都挺直观,页面多了也不乱。再加上集成了react-router,跳转页面、搞嵌套路由都能轻松上。
Webpack就不用多说了,打包、压缩、模块化构建一把抓。想分包?想按需加载?它都能整,而且插件多,啥场景都能配出方案。
项目里还顺手集成了Antd-Mobile,做移动 UI 挺合适的,组件风格现代,体验也不错。用它写个列表页、按钮组啥的都挺快。
初始化完项目,直接跑npm i就能装好所有依赖,React、DVA、Webpack,还有babel-loader、less-loader这些都配好了,基本不用你操心。
目录结构清晰,比如src/models写状态,src/routes写页面,src/components就是自定义 UI 组件了,按套路开发就能跑得稳。
如果你做前端项目还在东拼西凑,不如试试这个集成框架,效率高,出错少,体验真的不错。
文件大小:263KB
评论区