Redux 常见问题解答

¥Redux FAQ

目录

¥Table of Contents

• 一般的

  ¥General

  • 我什么时候应该学习 Redux？

    ¥When should I learn Redux?

  • 我什么时候应该使用 Redux？

    ¥When should I use Redux?

  • Redux 只能与 React 一起使用吗？

    ¥Can Redux only be used with React?

  • 我需要有特定的构建工具才能使用 Redux 吗？

    ¥Do I need to have a particular build tool to use Redux?

• Reducer

  • 如何在两个 reducer 之间共享状态？我必须使用 combineReducers 吗？

    ¥How do I share state between two reducers? Do I have to use combineReducers?

  • 我必须使用 switch 语句来处理操作吗？

    ¥Do I have to use the switch statement to handle actions?

• 组织状态

  ¥Organizing State

  • 我必须将所有状态放入 Redux 中吗？我应该使用 React 的 useState 还是 useReducer？

    ¥Do I have to put all my state into Redux? Should I ever use React's useState or useReducer?

  • 我可以将函数、promise 或其他不可序列化的项目放入我的存储状态中吗？

    ¥Can I put functions, promises, or other non-serializable items in my store state?

  • 如何组织我的状态嵌套或重复数据？

    ¥How do I organize nested or duplicate data in my state?

  • 我应该将表单状态或其他 UI 状态放入我的存储中吗？

    ¥Should I put form state or other UI state in my store?

• 存储设置

  ¥Store Setup

  • 我可以或者应该创建多个存储吗？我可以直接导入我的存储并自己在组件中使用它吗？

    ¥Can or should I create multiple stores? Can I import my store directly, and use it in components myself?

  • 我的存储增强器中可以有多个中间件链吗？中间件函数中的 next 和 dispatch 有什么区别？

    ¥Is it OK to have more than one middleware chain in my store enhancer? What is the difference between next and dispatch in a middleware function?

  • 我如何只订阅状态的一部分？我可以将已调度的操作作为订阅的一部分吗？

    ¥How do I subscribe to only a portion of the state? Can I get the dispatched action as part of the subscription?

• 行动

  ¥Actions

  • 为什么类型应该是字符串，或者至少是可序列化的？为什么我的操作类型应该是常量？

    ¥Why should type be a string, or at least serializable? Why should my action types be constants?

  • reducer 和操作之间是否始终存在一对一的映射？

    ¥Is there always a one-to-one mapping between reducers and actions?

  • 如何表示 AJAX 调用等“副作用”？为什么我们需要“动作创建者”、“thunk”和“中间件”之类的东西来执行异步行为？

    ¥How can I represent “side effects” such as AJAX calls? Why do we need things like “action creators”, “thunks”, and “middleware” to do async behavior?

  • 我应该使用什么异步中间件？你如何在 thunk、saga、observable 或其他东西之间做出选择？

    ¥What async middleware should I use? How do you decide between thunks, sagas, observables, or something else?

  • 我应该从一个操作创建者连续分派多个操作吗？

    ¥Should I dispatch multiple actions in a row from one action creator?

• 不可变数据

  ¥Immutable Data

  • 不可变性有什么好处？

    ¥What are the benefits of immutability?

  • 为什么 Redux 需要不可变性？

    ¥Why is immutability required by Redux?

  • 有哪些方法可以处理数据不可变性？我必须使用 Immer 吗？

    ¥What approaches are there for handling data immutability? Do I have to use Immer?

  • 使用 JavaScript 进行不可变操作有哪些问题？

    ¥What are the issues with using JavaScript for immutable operations?

• 代码结构

  ¥Code Structure

  • 我的文件结构应该是什么样的？我应该如何在项目中对动作创建者和减速者进行分组？我的选择器应该去哪里？

    ¥What should my file structure look like? How should I group my action creators and reducers in my project? Where should my selectors go?

  • 我应该如何在 reducer 和动作创建者之间划分逻辑？我的“业务逻辑”应该去哪里？

    ¥How should I split my logic between reducers and action creators? Where should my “business logic” go?

  • 为什么我应该使用动作创建器？

    ¥Why should I use action creators?

  • Websocket 和其他持久连接应该位于哪里？

    ¥Where should websockets and other persistent connections live?

  • 如何在非组件文件中使用 Redux 存储？

    ¥How can I use the Redux store in non-component files?

• 表现

  ¥Performance

  • Redux 在性能和架构方面的“扩展”程度如何？

    ¥How well does Redux “scale” in terms of performance and architecture?

  • 为每个动作调用“我所有的 reducer”会不会很慢？

    ¥Won't calling “all my reducers” for each action be slow?

  • 我是否必须在 reducer 中深度克隆我的状态？复制我的状态会不会很慢？

    ¥Do I have to deep-clone my state in a reducer? Isn't copying my state going to be slow?

  • 如何减少存储更新事件的数量？

    ¥How can I reduce the number of store update events?

  • “一个状态树”会导致内存问题吗？调度很多动作会占用内存吗？

    ¥Will having “one state tree” cause memory problems? Will dispatching many actions take up memory?

  • 缓存远程数据会导致内存问题吗？

    ¥Will caching remote data cause memory problems?

• 设计决策

  ¥Design Decisions

  • 为什么 Redux 不将状态和操作传递给订阅者？

    ¥Why doesn't Redux pass the state and action to subscribers?

  • 为什么 Redux 不支持使用 actions 和 reducer 类？

    ¥Why doesn't Redux support using classes for actions and reducers?

  • 为什么中间件签名使用柯里化？

    ¥Why does the middleware signature use currying?

  • 为什么 applyMiddleware 使用闭包进行调度？

    ¥Why does applyMiddleware use a closure for dispatch?

  • 为什么 combineReducers 在调用每个 reducer 时不包含带有整个状态的第三个参数？

    ¥Why doesn't combineReducers include a third argument with the entire state when it calls each reducer?

  • 为什么 mapDispatchToProps 不允许使用 getState() 或 mapStateToProps() 的返回值？

    ¥Why doesn't mapDispatchToProps allow use of return values from getState() or mapStateToProps()?

• 反应还原

  ¥React Redux

  • 为什么我应该使用 React-Redux？

    ¥Why should I use React-Redux?

  • 为什么我的组件没有重新渲染，或者我的 mapStateToProps 没有运行？

    ¥Why isn't my component re-rendering, or my mapStateToProps running?

  • 为什么我的组件重新渲染过于频繁？

    ¥Why is my component re-rendering too often?

  • 如何加速我的 mapStateToProps？

    ¥How can I speed up my mapStateToProps?

  • 为什么我的连接组件中没有 this.props.dispatch 可用？

    ¥Why don't I have this.props.dispatch available in my connected component?

  • 我应该只连接顶部组件，还是可以连接树中的多个组件？

    ¥Should I only connect my top component, or can I connect multiple components in my tree?

• 各种各样的

  ¥Miscellaneous

  • 有没有更大的、“真正的”Redux 项目？

    ¥Are there any larger, “real” Redux projects?

  • 如何在 Redux 中实现身份验证？

    ¥How can I implement authentication in Redux?