React Suspense提供Redux的替代方案

React 16.6引入了Suspense，它能够在某些时候（比如通过API调用获取数据）暂停渲染并展现一个加载中的指示器。

在常见的简单场景中，React Suspense消除了使用Redux的必要性，React专家Ryan Florence这样说到：

如果你使用Redux的主要场景是将其作为服务端数据的客户端缓存，那么Suspense可以取代对Redux的使用。我之所以考虑这样做是因为这样能够让代码更简洁，同时能够有效管理spinner。

对于更复杂的状态管理，比如同步状态到API和localStorage，Redux这种方式所提供的价值超过了Suspense。

Bartosz Szczeciński是来自波兰GFT的软件工程师，他认为Suspense将会对React的使用产生重要的影响：

我们可能会看到许多库会率先采用这种解决方案，并且必须调整我们的最佳实践(在Render中调用AJAX请求突然间变得可行了)，但我相信通过这种方式我们能够为用户创建更好的应用程序和体验!

React 16.6发布版本只包含了Suspense的一个使用场景，即通过React.lazy()和\u0026lt;React.Suspense\u0026gt;实现懒加载组件。React优化代码切分的方式以及Suspense的用法都包含在React代码切分指南文档中。

除了代码切分之外，React团队还计划为Suspense添加额外的功能，包括处理数据抓取以及与GraphQL库的集成。

Suspense服务端渲染的支持计划在2019年实现。

React是遵循MIT许可证的开源软件。React鼓励开发者在遵循React贡献指南和Facebook开源准则的前提下，通过React GitHub项目为其做出贡献和提供反馈。

查看英文原文：React Suspense Provides Redux Alternative

React Suspense提供Redux的替代方案相关推荐

react 日历组件_anujs1.5.1支持React.Suspense与lazy
React16是一个实验版本,除了测试它的新fiber架构外,还添加了大量新功能.其他React.Suspense与React.lazy就是重磅中的重磅. 随着前端的APP化,不断集成功能,页面越来越 ...
react-redux图解_如何将React连接到Redux —图解指南
react-redux图解 by Princiya 由Princiya 如何将React连接到Redux -图解指南 (How to connect React to Redux - a diagra ...
react hooks使用_何时使用React Suspense和React Hooks
react hooks使用 React Suspense对Monad就像钩子对应用符号一样 (React Suspense is to a Monad as Hooks are to Applicat ...
如何react中使用redux和react-redux
Redux Redux 是 JavaScript 状态容器,提供可预测化的状态管理. 可以让你构建一致化的应用,运行于不同的环境(客户端.服务器.原生应用),并且易于测试. 不仅于此,它还提供超爽的 ...
React Native集成Redux框架讲解与应用
学过React Native的都知道,RN的UI是根据相应组件的state进行render的,而页面又是由大大小小的组件构成,导致每个组件都必须维护自身的一套状态,因此当页面复杂化的时候,管理stat ...
Recoil是React新的“Redux”吗？
Recoil 是一个新的 React 状态管理库,它允许您以 Reactish 的方式管理全局/可共享状态.Recoil是由 Facebook 团队开发的.在这篇博客中,我们将看看 useRecoil ...
【React+TS】从零开始搭建react+typescript+router+redux+less+px2rem自适应+sass+axios反向代理+别名@+Antd-mobile
一.通过create-react-app脚手架创建项目 npx create-react-app testproject --template typescript 在vscode中打开项目,可以看到 ...
react项目搭建，步骤最全，附源码git地址(react+router+typescript+redux+axios+antdesign+mock+eslint)
企业级react项目搭建流程,基于官网推荐脚手架create-react-app搭建的项目基本框架,在该基础上增加项目所需要的功能插件等.代码git地址base分支:https://github.co ...
React入门-9.redux你好
Redux入门 1. 介绍 redux是js的状态管理机制,与vuex类似,不过vuex是为vue定制的.而redux并非仅仅服务于react,在jquery,angular,甚至于原生的js中都可以 ...

React Suspense提供Redux的替代方案

React Suspense提供Redux的替代方案相关推荐

最新文章

热门文章