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
文件大小:
评论区