React 相关知识

Redux#

首先,redux并不是必须的,它的作用相当于在顶层组件之上又加了一个组件,作用是进行逻辑运算、储存数据和实现组件尤其是顶层组件的通信。如果组件之间的交流不多,逻辑不复杂,只是单纯的进行视图的渲染,这时候用回调,context就行,没必要用redux,用了反而影响开发速度。但是如果组件交流特别频繁,逻辑很复杂,那redux的优势就特别明显了。

Flux#

首先,Flux将一个应用分成四个部分。

View: 视图层
Action(动作):视图层发出的消息(比如mouseClick)
Dispatcher(派发器):用来接收Actions、执行回调函数
Store(数据层):用来存放应用的状态,一旦发生变动,就提醒Views要更新页面

Flux 的最大特点,就是数据的"单向流动"。

  1. 用户访问 View
  1. View 发出用户的 Action
  2. Dispatcher 收到 Action,要求 Store 进行相应的更新
  3. Store 更新后,发出一个"change"事件
  4. View 收到"change"事件后,更新页面

上面过程中,数据总是"单向流动",任何相邻的部分都不会发生数据的"双向流动"。这保证了流程的清晰。

参考学习项目#

30 days of React Native demos
HackerNews-React-Native
FinanceReactNative
NBA-app (Let’s drawing charts in React-Native without any library)

参考文章#

ES6特性
Redux 简介
Flux 架构入门教程
从零开始的Android新项目10 - React Native & Redux

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容