React Layout组件最佳实践

莫耶

我正在React中创建仪表板,目前我的页面组件包含所有状态并管理对后端api的请求。我正在考虑进行重构,以将请求从页面组件中拉出-出于纯粹将其呈现的目的-并将所有api和数据逻辑移至仪表板小部件内部。

尽管我认为这应该是最佳做法,但我仍然担心某些效率低下的问题。我预见的一个问题是,提取请求将需要记录下来,否则将多次从API请求多个组件共享的某些数据。我预见的另一个问题是每个组件都需要连接到redux状态存储,并且我不确定使用'connect'相对于从useState对象传递prop的开销。

总的来说,我最不关心什么吗?这是解决此问题的最佳方法吗?还是如果页面组件减少了api调用/ redux连接的数量,我应该在页面组件中保留一些逻辑吗?

莫耶

使用swr库证明可以完美工作。我建议任何需要记录不同组件发出的API请求的人都使用带有公共端点字符串的swr库来确保缓存。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在React中使用嵌套组件的最佳实践

设置 React 组件样式的最佳实践

React.js关于侦听组件窗口事件的最佳实践

React&Redux:connect()到多个组件和最佳实践

在功能组件React中定义状态的最佳实践

从 react-bootstrap 导入多个组件的最佳实践?

React 最佳实践:在哪里*不*渲染组件?

React 最佳实践:在哪里*不*渲染组件?

react/mobX:最佳实践

在React中将状态和回调从根组件传递到叶组件的最佳实践是什么?

处理来自API调用和呈现React组件的数据的最佳实践

为React组件和函数(包括文件名)命名最佳实践

在React组件和服务之间进行通信的最佳实践是什么?

在带有setState的React类组件中使用箭头函数的最佳实践

更改在React-最佳实践中多次声明的一个组件的状态?

React useState 与对象的最佳实践?

在React中将状态从一个组件设置为另一个组件的最佳实践方法

使用react-redux,通过redux状态将回调函数传递给通用组件的最佳实践是什么?

React 测试库 - 存在/断言最佳实践

onCallback React Hook - 最佳实践查询

异步存储React Native的最佳实践

在React Hooks中处理常量的最佳实践

在 React 中调用 API 的最佳实践

React Router嵌套导航最佳实践?

React API处理的本机最佳实践

React关于上下文this的最佳实践

最佳实践React挂钩HTTP加载

最佳实践速记 if/else 在 React 中?

MobX与观察者的React最佳实践