微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

react-native 的项目reading学习一

1.从这里https://github.com/attentiveness/reading下载了,然后npm install,然后react-native run-android就能执行成功

2.项目介绍https://richardcao.me/2016/07/05/Talk-About-Reading/

actions:redux中action部分都在这里
components:reading中用到的通用控件,全部抽离出来在这里,同时任何一个react-native app,都可以直接拿去用,支持Android & iOS双平台
constants:这里主要是一些常量,比如action的type,一些字符常量,url常量,还可以有颜色常量等各种
containers:容器层,需要注入state的地方,我会用容器包一层。如果有需要页面中用到多个组件拼成,也通过容器包一层,达到复用。app入口也在这里 img:这里主要放图片资源 pages:这里主要放页面,其实就是组件。目前来看,这里面的组件其实都是reading的单个页面。其实页面是可以组合的,在外面包一层容器的话,就可以进行组合。一些复杂的页面,完全可以通过这种方式去做,复用性更高,而且还能解耦 reducers:redux中reducer部分都在这里,reducer和action不一定是一一对应的,数量也不一定是相等的。state可以进行各种颗粒度的细分,最后通过combine函数合为一个。拆分state非常重要,它涉及到性能优化,不同的state通过不同的reducer进行处理,然后渲染不同的页面,甚至是渲染同一个页面中的不同组件,这样就避免了过渡渲染。如果不拆分,当一个大state改变的时候,所有的页面都会重新render,这是很浪费性能的 store:redux的store部分,通过reducer和各种各样的middleware创建store。例如redux-thunk,redux-logger等 utils:工具包 root.js:统一index.android.js和index.ios.js入口,通过react-redux中的Provider组件包裹整个APP

原文地址:https://www.jb51.cc/react/303345.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐