alan89757 / redux-analysis Goto Github PK

saga 自己基本上完全弄了一套 asyc 的事件监听机制。虽然好的一方面是将来可以扩展成 worker 相关的模块，甚至可以做到 multiple threads 同时执行，但代码量大大增加。如果只是普通的 application，用 redux-thunk 足够。
redux-thunk 是 2015-7-13 发布的第一个版本，而 redux-saga 是 2015-12-2 发布的第一个版本。他们基本上都是在同一年被创造出来。

说说redux的优缺点分别是什么？

Mobx和Redux有什么区别?

Redux的编程范式是函数式的而Mobx是面向对象的；
从数据上来说Redux每次都返回一个新的数据，而Mobx从始至终都是一份引用。因此Redux是支持数据回溯的；
和Redux相比，使用Mobx的组件可以做到精确更新，这一点得益于Mobx的observable；对应的，Redux是用dispath进行广播，通过Provider和connect来比对前后差别控制更新粒度；Mobx更加精细一点。

在Redux中怎么发起网络请求？

redux-promise、redux-thunk、redux-saga

Redux怎样设置初始状态？

// createStore的第二个参数：

const rootReducer = combineReducers({
  todos: todos,
  visibilityFilter: visibilityFilter
});

const initialState = {
  todos: [{id:123, text:'hello', completed: false}]
};

const store = createStore(
  rootReducer,
  initialState
);

Redux怎样重置状态？

Redux由哪些组件构成？

actions
reducer
store
dispatch

在redux中，什么是reducer？它有什么作用？

reducer的作用 :
根据 action 对象的type 来更新状态.

reducer的工作方式 :
接收一个 state 参数, 作为初始的 state
接收一个action对象, 在函数体中用 switch 语句判断 action 的type, 然后定义相应的处理方式( 返回新的 state 对象) .

你有使用过redux-saga中间件吗？它是干什么的？

redux-saga 就是用来处理副作用（例如：AJAX请求）的一个中间件，使用Generator 函数

[react] Context api可以取代Redux吗？为什么？

暂时不会，原因是利大于弊。关于利，createContext 从能力上只比组件context 多一个能力，就是当父组件实现了shouldComponentUpdate return false时，子组件也可以更新 context value。

但多了这个功能的要付出代价却不小，新的createcontext 使用上必须先引用，比如在皮肤机制里对编码的约束会有些大，尤其在多人协作时，没有原先来的便利。

另外redux另一个关键概念是store，而react不太可能会去新加createStore。

你知道redux-saga的原理吗？

你有在React中使用过Mobx吗？它的运用场景有哪些？

Mobx比较轻量

Redux中异步action和同步action最大的区别是什么？

同步只能是一个对象，异步是一个函数

在redux中，什么是action？

state的改变，会导致view的变化，而我们只能接触view，action相当于view发出修改state的通知

Redux的中间件是什么？你有用过哪些Redux的中间件？

view在redux中会派发一个action，action通过store的dispatch方法派发给store，store接收到action连同之前老的state一起传给reducer，reducer返回新的数据给store，store去改变自己的state，这是redux的流程。

redux中间件的中间指的是action和store之间，之前在redux中action只能返回一个对象，所以action返回的一个对象会直接派发给store，现在使用redux-thunk之后action可以返回一个函数了，action通过dispatch方法被传递给store，那么action和store之间就是dispatch这个方法。

实际上中间件就是对dispatch方法的一个封装或者说对dispatch方法的一个升级，最原始的dispatch方法接收到一个对象之后会把这个对象传递给store。

当把dispatch做了升级之后，比如说使用了redux-thunk 这个中间件，这个时候当调用dispatch方法给dispatch方法传递的参数是一个对象的话，那么dispatch就会把这个对象直接传递给store，跟之前我们写dispatch传递给它一个对象没什么区别，但是如果传递给dispatch方法是一个函数的话，这个时候dispatch已经升级了，它就不会把这个函数直接传递给store，它会先让这个函数执行，执行完了之后需要调用store的时候再去调用store。所以dispatch在这里会根据参数的不同执行不同的事情。

所以redux的中间件就是对store的dispatch做了个升级，升级之后dispatch就可以对象和函数都可以接收了。

当然中间件不止redux-thunk 这一个，实际上redux的中间件很多，比如redux-logger,redux-saga。redux-saga也是解决redux中异步问题的中间件，redux-thunk是把异步操作放在action里操作，而redux-saga的设计**是把异步操作单独拆分出来放在一个文件里管理。

redux的thunk作用是什么？

redux-thunk的作用：不使用中间件的情况，action只能是个对象，thunk帮助我们异步请求数据给store

在React项目中你是如何选择Redux和Mobx的？说说你的理解

推荐在reducer中触发Action吗？为什么？

不推荐，因为reducer是一个纯函数

为什么redux能做到局部渲染呢？

redux的数据存储和本地储存有什么区别？

redux刷新数据会消失，本地存储不会

什么是单一数据源？

整个react应用只有一个store

举例说明怎么在redux中定义action？

// 创建action
function addTodo(text) {
    return {
        type: ADD_TODO,
        text
    }
}

// dispatch
dispatch(addTodo(text))

alan89757 / redux-analysis Goto Github PK

redux-analysis's Introduction

redux-analysis's People

Contributors

Watchers

redux-analysis's Issues

Recommend Projects

Recommend Topics

Recommend Org