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和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...