首页 > 代码库 > react+redux构建淘票票首页
react+redux构建淘票票首页
react+redux构建淘票票首页
描述
在之前的项目中都是单纯的用react,并没有结合redux。对于中小项目仅仅使用react是可以的;但当项目变得更加复杂,仅仅使用react是远远不够的,我们需要将UI渲染和数据处理区分开,因此我们需要引入redux来管理数据层。写该小demo的目的主要是为了在理论学习的基础上更好的进行实践,通过自己亲手写个小项目我们才能更好的理解redux是如何管理数据层的。数据是取自淘票票官方二月份的部分数据。
技术栈
react.js、react-router、redux、es6、webpack、less等。
github地址
https://github.com/zhuotianbao/tiaopiaopiao--react-redux
目录结构
- dist [打包后代码] - src [源码] -- css [样式] -- data [数据] -- img [图片] -- js [js代码] └ actions [创建action] └ components [纯UI组件] └ constants [定义type类型] └ containers [获取store中的数据;将dispatch与actionCreator结合起来] └ reducers [reducer纯函数] └ store [创建store] └ index.js [路由配置] -- index.html [入口]
项目浏览
特色功能
该小DEMO除了应用redux技术之外,还有个特色功能:
- 引入异步加载组件。同步加载方式,每次都会把所有的依赖加载完再进行渲染,导致加载时间长。
- 各个组件的js分开打包。要是将所有的js都打包在一个文件夹,当项目太大时会导致文件太大,无法满足性能加载速度等要求。
react+redux构建淘票票首页
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。