自己写一个 redux #7386

tanglie1993 · 2020-09-07T08:30:16Z

译文翻译完成，resolve #7279

update

merge

update

merge

nia3y · 2020-09-10T10:22:34Z

校对认领 @fanyijihua @lsvih

lsvih · 2020-09-10T10:47:00Z

@nia3y 好的！

nia3y

@tanglie1993 @lsvih 校对完成
希望译者注意下格式问题wiki 百科

nia3y · 2020-09-11T02:16:12Z

article/2020/how-to-build-redux.md


-Note that technically we'll be building [Redux](https://github.com/reactjs/redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier) **and** [React Redux](https://github.com/reactjs/react-redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier). At Zapier, we pair Redux with the (awesome) UI library [React](https://facebook.github.io/react/), and that's the pairing that shows up most in the wild. But even if you use Redux with something else, most everything here will still apply.
+注意，实际上我们将会实现的是 [Redux](https://github.com/reactjs/redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier) **和** [React Redux](https://github.com/reactjs/react-redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier)。在这里，我们把 Redux with 和著名的 UI 库 [React](https://facebook.github.io/react/) 相结合，而这正是在实际场景中最为常见的组合。哪怕你把 Redux 和其他东西组合，这里讲解的所有东西几乎也还是一样的。


Suggested change

注意，实际上我们将会实现的是 [Redux](https://github.com/reactjs/redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier) **和** [React Redux](https://github.com/reactjs/react-redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier)。在这里，我们把 Redux with 和著名的 UI 库 [React](https://facebook.github.io/react/) 相结合，而这正是在实际场景中最为常见的组合。哪怕你把 Redux 和其他东西组合，这里讲解的所有东西几乎也还是一样的。

注意，实际上我们将会实现的是 [Redux](https://github.com/reactjs/redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier) **和** [React Redux](https://github.com/reactjs/react-redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier)。在这里，我们把 Redux 和著名的 UI 库 [React](https://facebook.github.io/react/) 相结合，而这正是在实际场景中最为常见的组合。哪怕你把 Redux 和其他库相组合，这里讲解的大部分内容仍然适用。

nia3y · 2020-09-11T02:19:53Z

article/2020/how-to-build-redux.md


-Most useful apps will get their state from a server, but let's start by creating our state locally. Even if we are retrieving from the server, we have to seed the app with something anyway. Our app will be a simple note-taking app. This is mostly to avoid making yet another todo app, but it will also force us to make an interesting state decision later.
+大多数有用的应用从服务端获取状态。但我们先从本地创建状态开始。哪怕我们从服务端获取，也要用一些东西把应用先初始化的。我们的应用将会是一个简单的笔记应用。这主要是为了防止写一个新的清单应用，但是它也可以迫使我们做一个有趣的关于状态的决定。


【也要用一些东西把应用先初始化的】=>【也要先用一些状态初始化应用】
【这主要是为了防止写一个新的清单应用】=>【这主要是为了防止写另一个清单应用】

article/2020/how-to-build-redux.md

nia3y · 2020-09-12T11:36:19Z

article/2020/how-to-build-redux.md

+如果中间件决定要发出一个新的 action，这个 action 将会通过中间件传递下去。
+我们需要创建这个函数，因为我们即将修改 store 的 `dispatch` 方法。 
+这是另一个修改对象的例子，它可以简化问题。Redux 可以破坏规则，只要它能够帮助开发者遵循规则。:-)


注：这三个是一段的，希望修改一下

nia3y · 2020-09-12T11:39:30Z

article/2020/how-to-build-redux.md

@@ -1121,9 +1121,9 @@ store.dispatch = middleware({
 })(coreDispatch);
 ```

-That calls the middleware, passing it an object that has access to our re-dispatch function as well as our `getState` function. The middleware should return a new function that accepts the ability to call the next dispatch function, which in this case is just the original dispatch function. If your head is spinning a little, don't worry, creating and using middleware is actually pretty easy.
+这调用了中间件，传给它一个能访问 "重新dispatch" 函数和 `getState` 函数的对象。这个中间件应该返回一个新的函数，它接收调用下一个 dispatch 函数的函数（在这里就是原始的 dispatch 函数）。如果你读到这里觉得头晕了，不要担心。创建和使用中间件实际上是很容易的。


Suggested change

这调用了中间件，传给它一个能访问 "重新dispatch" 函数和 `getState` 函数的对象。这个中间件应该返回一个新的函数，它接收调用下一个 dispatch 函数的函数（在这里就是原始的 dispatch 函数）。如果你读到这里觉得头晕了，不要担心。创建和使用中间件实际上是很容易的。

这调用了中间件，传给它一个能进行“re-dispatch ”的函数和 `getState` 的函数。这个中间件应该返回一个新的函数，拥有用来接收调用下一个 dispatch 函数的能力（在这里就是原始的 dispatch 函数）。如果你读到这里觉得头晕了，不要担心。创建和使用中间件实际上是很容易的。

rachelcdev · 2020-09-13T17:56:38Z

@lsvih 校对认领

lsvih · 2020-09-13T18:25:58Z

@rachelcdev 好的！

JohnieXu · 2020-10-14T14:57:15Z

@lsvih 校对认领

lsvih · 2020-10-14T15:21:15Z

@JohnieXu 好的~

JohnieXu

通篇校对下来，发现整篇文章就是用翻译工具翻译的，这会给校对者增加非常多的工作量。建议下：即使采用翻译工具翻译的，也最好翻译者自己仔细阅读一下译文。

JohnieXu · 2020-10-17T13:13:38Z

article/2020/how-to-build-redux.md


-Note that technically we'll be building [Redux](https://github.com/reactjs/redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier) **and** [React Redux](https://github.com/reactjs/react-redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier). At Zapier, we pair Redux with the (awesome) UI library [React](https://facebook.github.io/react/), and that's the pairing that shows up most in the wild. But even if you use Redux with something else, most everything here will still apply.
+注意，实际上我们将会实现的是 [Redux](https://github.com/reactjs/redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier) **和** [React Redux](https://github.com/reactjs/react-redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier)。在这里，我们把 Redux with 和著名的 UI 库 [React](https://facebook.github.io/react/) 相结合，而这正是在实际场景中最为常见的组合。哪怕你把 Redux 和其他东西组合，这里讲解的所有东西几乎也还是一样的。


Suggested change

注意，实际上我们将会实现的是 [Redux](https://github.com/reactjs/redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier) **和** [React Redux](https://github.com/reactjs/react-redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier)。在这里，我们把 Redux with 和著名的 UI 库 [React](https://facebook.github.io/react/) 相结合，而这正是在实际场景中最为常见的组合。哪怕你把 Redux 和其他东西组合，这里讲解的所有东西几乎也还是一样的。

注意，实际上我们将会实现的是 [Redux](https://github.com/reactjs/redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier) **和** [React Redux](https://github.com/reactjs/react-redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier)。在这里，我们把 Redux 和著名的 UI 库 [React](https://facebook.github.io/react/) 相结合，而这正是在实际场景中最为常见的组合。哪怕你把 Redux 和其他东西组合，这里讲解的所有东西几乎也还是一样的。

JohnieXu · 2020-10-17T13:20:17Z

article/2020/how-to-build-redux.md


-Most useful apps will get their state from a server, but let's start by creating our state locally. Even if we are retrieving from the server, we have to seed the app with something anyway. Our app will be a simple note-taking app. This is mostly to avoid making yet another todo app, but it will also force us to make an interesting state decision later.
+大多数有用的应用从服务端获取状态。但我们先从本地创建状态开始。哪怕我们从服务端获取，也要用一些东西把应用先初始化的。我们的应用将会是一个简单的笔记应用。这主要是为了防止写一个新的清单应用，但是它也可以迫使我们做一个有趣的关于状态的决定。


Suggested change

大多数有用的应用从服务端获取状态。但我们先从本地创建状态开始。哪怕我们从服务端获取，也要用一些东西把应用先初始化的。我们的应用将会是一个简单的笔记应用。这主要是为了防止写一个新的清单应用，但是它也可以迫使我们做一个有趣的关于状态的决定。

虽然大多数真实项目都需要从服务端获取数据作为应用状态，但我们还是先从本地创建状态开始。即使是从服务端获取，也要需要先用本地数据初始化应用的状态对象。为了不再重复写一个待办清单应用，我们将创建一个简单的笔记应用，同时它也可以迫使我们做一个有趣的关于状态的决定。

建议这里稍微意译处理一下，这样更通顺

JohnieXu · 2020-10-17T13:21:37Z

article/2020/how-to-build-redux.md


-## Why Redux?
+## 为什么是 Redux?


Suggested change

## 为什么是 Redux?

## 为何使用 Redux？

JohnieXu · 2020-10-17T13:23:17Z

article/2020/how-to-build-redux.md


-Before we dig any deeper, let's see what it's like to build our app without Redux. Let's just go ahead and attach our `initialState` object to `window` like this:
+在我们继续深入之前，首先来看看不使用 Redux 开发我们的应用是什么样。直接开始，把我们的 `initialState` 对象绑定到 `window` 上，像这样：


Suggested change

在我们继续深入之前，首先来看看不使用 Redux 开发我们的应用是什么样。直接开始，把我们的 `initialState` 对象绑定到 `window` 上，像这样：

在我们继续深入之前，首先来看看不使用 Redux 要怎样开发我们创建的应用。直接开始，把我们的 `initialState` 对象绑定到 `window` 上，像这样：

JohnieXu · 2020-10-17T13:24:21Z

article/2020/how-to-build-redux.md


 ```js
 window.state = initialState;
 ```

-Boom, there's our store! We don't need no stinking Redux. Let's make a component that adds new notes.
+嘣，这就是我们的 store！我们不需要什么 Redux。来做一个添加新笔记的组件吧。


Suggested change

嘣，这就是我们的 store！我们不需要什么 Redux。来做一个添加新笔记的组件吧。

这就是我们的状态对象（store），我们不需要什么 Redux，下面来添加一个新的笔记组件吧。

article/2020/how-to-build-redux.md

JohnieXu · 2020-10-18T00:30:53Z

@lsvih @tanglie1993 校对完成，希望能修改一下

tanglie1993 · 2020-10-21T14:08:27Z

@lsvih 修改完毕。

lsvih · 2020-10-24T15:00:33Z

@tanglie1993 啊这篇文章中间还有几十个校对意见没有修改或者回应呢= =您是不是漏了

Co-authored-by: niayyy <[email protected]> Co-authored-by: JohnieXu <[email protected]>

article/2020/how-to-build-redux.md

Co-authored-by: niayyy <[email protected]> Co-authored-by: JohnieXu <[email protected]>

lsvih · 2021-01-31T14:03:11Z

已发布：https://juejin.cn/post/6923922875191656462

tanglie1993 and others added 10 commits December 2, 2017 16:17

Merge pull request #14 from xitu/master

b6f627e

update

Merge pull request #15 from tanglie1993/translate

f0a9937

update

Merge pull request #16 from xitu/master

52ff250

update

Merge pull request #17 from xitu/master

5d1a81d

update

Merge pull request #19 from xitu/master

547de3b

update

Merge pull request #21 from xitu/master

24dc087

merge

Merge pull request #23 from xitu/master

f5a49a1

update

Merge pull request #24 from xitu/master

82e8337

merge

translate

c7a86d5

Update how-to-build-redux.md

13bac8c

lsvih added 前端校对认领系列任务 labels Sep 7, 2020

lsvih added the 正在校对 label Sep 10, 2020

nia3y reviewed Sep 12, 2020

View reviewed changes

lsvih removed the 校对认领 label Sep 13, 2020

JohnieXu suggested changes Oct 18, 2020

View reviewed changes

lsvih added enhancement 等待译者修改 and removed 正在校对 labels Oct 18, 2020

Update how-to-build-redux.md

347ba8a

lsvih added 标注待管理员 Review and removed enhancement 等待译者修改 labels Oct 21, 2020

Apply suggestions from code review

e5ea9c4

Co-authored-by: niayyy <[email protected]> Co-authored-by: JohnieXu <[email protected]>

lsvih reviewed Jan 17, 2021

View reviewed changes

article/2020/how-to-build-redux.md Outdated Show resolved Hide resolved

lsvih and others added 5 commits January 17, 2021 17:47

Apply suggestions from code review

6a6b16a

Co-authored-by: niayyy <[email protected]> Co-authored-by: JohnieXu <[email protected]>

Apply suggestions from code review

9e80433

Co-authored-by: niayyy <[email protected]> Co-authored-by: JohnieXu <[email protected]>

Update how-to-build-redux.md

4cc5256

Apply suggestions from code review

319ed2f

Co-authored-by: niayyy <[email protected]> Co-authored-by: JohnieXu <[email protected]>

Update how-to-build-redux.md

e09e6ee

lsvih approved these changes Jan 31, 2021

View reviewed changes

lsvih merged commit 01d8da6 into xitu:master Jan 31, 2021

lsvih added 翻译完成 and removed 标注待管理员 Review labels Jan 31, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

自己写一个 redux #7386

自己写一个 redux #7386

tanglie1993 commented Sep 7, 2020

nia3y commented Sep 10, 2020

lsvih commented Sep 10, 2020

nia3y left a comment

nia3y Sep 11, 2020

nia3y Sep 11, 2020

nia3y Sep 12, 2020

nia3y Sep 12, 2020

rachelcdev commented Sep 13, 2020

lsvih commented Sep 13, 2020

JohnieXu commented Oct 14, 2020

lsvih commented Oct 14, 2020

JohnieXu left a comment •

edited

Loading

JohnieXu Oct 17, 2020

JohnieXu Oct 17, 2020

JohnieXu Oct 17, 2020

JohnieXu Oct 17, 2020

JohnieXu Oct 17, 2020

JohnieXu Oct 17, 2020

JohnieXu commented Oct 18, 2020

tanglie1993 commented Oct 21, 2020

lsvih commented Oct 24, 2020

lsvih commented Jan 31, 2021


		Note that technically we'll be building [Redux](https://github.com/reactjs/redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier) and [React Redux](https://github.com/reactjs/react-redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier). At Zapier, we pair Redux with the (awesome) UI library [React](https://facebook.github.io/react/), and that's the pairing that shows up most in the wild. But even if you use Redux with something else, most everything here will still apply.
		注意，实际上我们将会实现的是 [Redux](https://github.com/reactjs/redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier) 和 [React Redux](https://github.com/reactjs/react-redux?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier)。在这里，我们把 Redux with 和著名的 UI 库 [React](https://facebook.github.io/react/) 相结合，而这正是在实际场景中最为常见的组合。哪怕你把 Redux 和其他东西组合，这里讲解的所有东西几乎也还是一样的。


		Most useful apps will get their state from a server, but let's start by creating our state locally. Even if we are retrieving from the server, we have to seed the app with something anyway. Our app will be a simple note-taking app. This is mostly to avoid making yet another todo app, but it will also force us to make an interesting state decision later.
		大多数有用的应用从服务端获取状态。但我们先从本地创建状态开始。哪怕我们从服务端获取，也要用一些东西把应用先初始化的。我们的应用将会是一个简单的笔记应用。这主要是为了防止写一个新的清单应用，但是它也可以迫使我们做一个有趣的关于状态的决定。

	这调用了中间件，传给它一个能访问 "重新dispatch" 函数和 `getState` 函数的对象。这个中间件应该返回一个新的函数，它接收调用下一个 dispatch 函数的函数（在这里就是原始的 dispatch 函数）。如果你读到这里觉得头晕了，不要担心。创建和使用中间件实际上是很容易的。
	这调用了中间件，传给它一个能进行“re-dispatch ”的函数和 `getState` 的函数。这个中间件应该返回一个新的函数，拥有用来接收调用下一个 dispatch 函数的能力（在这里就是原始的 dispatch 函数）。如果你读到这里觉得头晕了，不要担心。创建和使用中间件实际上是很容易的。

	大多数有用的应用从服务端获取状态。但我们先从本地创建状态开始。哪怕我们从服务端获取，也要用一些东西把应用先初始化的。我们的应用将会是一个简单的笔记应用。这主要是为了防止写一个新的清单应用，但是它也可以迫使我们做一个有趣的关于状态的决定。
	虽然大多数真实项目都需要从服务端获取数据作为应用状态，但我们还是先从本地创建状态开始。即使是从服务端获取，也要需要先用本地数据初始化应用的状态对象。为了不再重复写一个待办清单应用，我们将创建一个简单的笔记应用，同时它也可以迫使我们做一个有趣的关于状态的决定。


		Before we dig any deeper, let's see what it's like to build our app without Redux. Let's just go ahead and attach our `initialState` object to `window` like this:
		在我们继续深入之前，首先来看看不使用 Redux 开发我们的应用是什么样。直接开始，把我们的 `initialState` 对象绑定到 `window` 上，像这样：

	在我们继续深入之前，首先来看看不使用 Redux 开发我们的应用是什么样。直接开始，把我们的 `initialState` 对象绑定到 `window` 上，像这样：
	在我们继续深入之前，首先来看看不使用 Redux 要怎样开发我们创建的应用。直接开始，把我们的 `initialState` 对象绑定到 `window` 上，像这样：

	嘣，这就是我们的 store！我们不需要什么 Redux。来做一个添加新笔记的组件吧。
	这就是我们的状态对象（store），我们不需要什么 Redux，下面来添加一个新的笔记组件吧。

自己写一个 redux #7386

自己写一个 redux #7386

Conversation

tanglie1993 commented Sep 7, 2020

nia3y commented Sep 10, 2020

lsvih commented Sep 10, 2020

nia3y left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

rachelcdev commented Sep 13, 2020

lsvih commented Sep 13, 2020

JohnieXu commented Oct 14, 2020

lsvih commented Oct 14, 2020

JohnieXu left a comment • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

JohnieXu commented Oct 18, 2020

tanglie1993 commented Oct 21, 2020

lsvih commented Oct 24, 2020

lsvih commented Jan 31, 2021

JohnieXu left a comment •

edited

Loading