【问题标题】:React Redux Typescript in 2020 is confusing [closed]2020 年的 React Redux Typescript 令人困惑 [关闭]
【发布时间】:2021-04-05 12:33:19
【问题描述】:

我刚刚开始学习 React、Redux、Typescript 和 ES6。它令人沮丧,因为许多教程做的事情不同,而没有真正解释它可以以另一种方式完成(另一个教程就是这样做的)。更大的问题是,在制作完这些教程之后似乎发生了很多更新,以至于我不知道应该使用哪个。

谁能总结一下我应该在 React 和 Redux 中使用什么最新的东西。也许如何将打字稿与它联系起来?

我主要对 redux 感到困惑。我已经单独尝试过 redux、react-redux 教程、redux thunk 和他们的打字稿工具。再一次,他们每个人的做法都不一样,所以它只是让我对什么被什么取代感到困惑。如果有人能引导我找到一个真正完整的教程,那就太好了。

我知道这是含糊的。所以我道歉。我真的迷路了,因为我仍然无法掌握我通过教程阅读的许多知识。

【问题讨论】:

  • Redux 对于大多数小型项目来说可能是多余的,因此您也可以考虑将这部分从堆栈中保留一段时间。
  • 技术发展很快,不幸的是,这个过时的问题不会因此而消失。具有讽刺意味的是,随着新事物的出现和“最新”变得陈旧,它将对这个问题和答案产生相同的影响。
  • 我建议将 Redux 与 React Hooks 一起使用,如我创建的本课程所述:egghead.io/courses/redux-with-react-hooks-8a37

标签: reactjs typescript redux ecmascript-6


【解决方案1】:

请关注official redux tutorials from the redux documentation。他们将使您熟悉 Redux Toolkit,这是当今编写 Redux 的推荐方法。 Redux 工具包与 TypeScript 紧密集成,您不需要手动编写许多类型 - the redux toolkit API docs 中的几乎所有示例都可以在 TypeScript 中使用,并展示您实际必须编写的 little 类型。 教程还将短暂触及useSelectoruseDispatch,除了一些设置之外几乎不需要打字。最好从 the official redux-typescript template for create-react-app 开始,它已经具备所有设置并包含一些示例。

您不需要在带有钩子的现代 React 应用程序中使用 connect - 这可能是更好的选择,因为 connect 与 TypeScript 一起使用可能需要更多的工作。如果你需要它,please follow this approach

【讨论】:

  • 对 react-redux 文档的警告,它有点过时了,仍然在示例中使用 connect。
  • 这就是为什么我没有链接它;)
猜你喜欢
  • 2013-01-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-01-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-01-21
相关资源
最近更新 更多