react-native 的项目reading学习一

前端之家收集整理的这篇文章主要介绍了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

猜你在找的React相关文章