用什么管理react的状态?react怎么进行状态管理?下面本篇文章就来给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
1、使用Redux进行状态管理
Redux是由FaceBook提出的Flux框架演变而来的,所以先明确一点,Redux 是一个有用的架构,但不是非用不可。
Redux最主要是用作应用状态的管理。简言之,Redux用一个单独的常量状态树(对象)保存这一整个应用的状态,这个对象不能直接被改变。当一些数据变化了,一个新的对象就会被创建(使用actions和reducers)。
Redux的使用步骤:
创建reducers
创建actionCreators
通过createStore,combinReduces,applymiddleware来创建一个全局的store
通过react-redux提供的高阶组件Provider和connect来将store和action挂载到子组件的props中去。
经过上面这个四步,大概就可以在react中将redux使用起来了,当然,这里还不涉及到中间件
大多数人在首次接触React的状态管理都是Redux,但是flow的概念对于刚开始接触React的来说视乎又有点抽象,而且他必须要按照约定流程来组织代码,有时候很简单的事情用它感觉有点杀鸡用牛刀,于是乎mobx来出现了
2、使用mob
x进行状态管理
MobX 是一个经过战火洗礼的库,它通过透明的函数响应式编程(transparently applying functional reactive programming – TFRP)使得状态管理变得简单和可扩展。
MobX背后的哲学很简单:
任何源自应用状态的东西都应该自动地获得。
其中包括UI、数据序列化、服务器通讯,等等。
react 和 MobX 是一对强力组合。React 通过提供机制把应用状态转换为可渲染组件树并对其进行渲染。而MobX提供机制来存储和更新应用状态供 React 使用。
对于应用开发中的常见问题,React 和 MobX 都提供了最优和独特的解决方案。React 提供了优化UI渲染的机制, 这种机制就是通过使用虚拟DOM来减少昂贵的DOM变化的数量。MobX 提供了优化应用状态与 React 组件同步的机制,这种机制就是使用响应式虚拟依赖状态图表,它只有在真正需要的时候才更新并且永远保持是最新的。
更多React相关技术文章,请访问gaodaima搞代码网进行学习!
以上就是用什么管理react的状态?的详细内容,更多请关注gaodaima搞代码网其它相关文章!