? 基于 react + react-router + redux 构建的移动端微应用
react-mobile-starter项目地址
前言这个项目是介于 vue-mobile-starter(vue版本) 之后并且完全仿照 vue-mobile-starter 功能、设计的 react版本。这个版本里引进了 dva 作为开发脚手架,跟 vue-cli new XXX 出来是同一概念。使用 dva 作为开发框架主要原因之一是我司的 react 项目 大部分由 dva 框架 搭建,而且全部都经受住了线上压力的考验,有兴趣的同学可以深入研究,可以带入到公司项目的生产中去。以下是 dva 的官方说法:
本项目虽说是一个十来个页面的小型项目,不过却涉及到 react 模块的全局和局部应用配置、第三方UI组件的使用、react-router、react-redux 的合理化配置和使用,非常适合于新手对 react 开发核心理念的掌握。 同一个项目用两种框架做最大的感触就是能明显感觉到两个框架之间的差异性,当你切身的体会了两者的差异性后,自然能够在不同的应用场景下选择合适的开发框架?
开源技术支持
如何开发# 克隆本仓库 git clone https://github.com/JohnsenZhou/react-mobile-starter.git # 进入仓库目录 cd react-mobile-starter # 安装依赖 npm install # 启动项目,本地浏览地址 => localhost:8080 npm start # 打包压缩 npm run build Dva 框架以下能帮你更好地理解和使用 dva:
目录结构. ├── README.md // README文件 ├── public // 静态资源及index入口文件 ├── node_modules ├── package.json // npm 配置文件 ├── .roadhogrc // roadhog 配置文件 ├── .roadhogrc.mock // roadhog Mock数据配置文件 ├── src // 项目开发目录 │ ├── index.js // 项目入口文件 │ ├── assets // 资源文件夹 │ ├── components // react通用组件 │ ├── router.js // react-router配置文件 │ ├── router // router对应页面 │ ├── services // 接口文件 │ ├── utils // js通用工具组件 │ └── models // redux数据处理文件 └── LICENSE // 证书 效果演示在线浏览Demo请戳这里
手机浏览请扫描下方二维码
LicenseMIT license. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |