小编Gan*_*kar的帖子

Apollo 客户端缓存与 Redux

我正在尝试从Redux Store迁移以使用Apollo Graphql 客户端附带的Apollo 客户端缓存

将 Apollo Client 与其他数据管理解决方案区分开来的关键特性之一是其规范化缓存。只需设置 Apollo Client,您就可以获得开箱即用的智能缓存,无需额外配置。

使用 Redux,我们必须根据从副作用接收到的响应来编写动作、类型和分派动作,并使用 reducer 设置存储中的数据,这由 Apollo Client 自动完成。

问题

1) 从 Redux 迁移到 Apollo Client Cache 有什么优势?

2) 在迁移到 Apollo Client Cache 之前,我应该担心什么吗?

reactjs graphql redux apollo-client react-context

35
推荐指数
3
解决办法
1万
查看次数

使用类型别名与接口在 Typescript 中注释 React 功能组件

问题:

我正在用 Typescript 重写我的 React 应用程序。我正在尝试将所有组件实现为功能组件。

Typescript 允许我们使用类型别名接口来定义对象或函数签名的形状。我已经了解了类型与接口之间的区别。

我读过的大多数文章都通过使用可以使用类型别名的接口来定义组件。据我所知,接口和类型别名对于 React 组件给出相同的结果,那么为什么几乎在每个定义中都使用接口

我尝试了一些关于为什么主要使用接口而不是类型别名的文章,但找不到任何有用的东西。

使用接口类型别名注释 React 组件 props 的最佳方法是什么?

接口示例

interface AppProps {
  color?: string;
}

const App = (props: AppProps) : JSX.Element => {
  return <div>{props.color}</div>
}
Run Code Online (Sandbox Code Playgroud)

typescript reactjs

5
推荐指数
1
解决办法
1987
查看次数