美文网首页
Redux学习

Redux学习

作者: void_main | 来源:发表于2016-09-01 09:49 被阅读87次

    redux组件的构成

    • Action

    Actions are payloads of information that send data from your application to your store. They are the only source of information for the store. You send them to the store using store.dispatch().

    • Store
    • Reducer

    connect([mapStateToProps], [mapDispatchToProps], [mergeProps], [options])

    • combineReducers
      真正开发项目的时候 State 会涉及很多功能,在一个 Reducer 处理所有逻辑会非常混乱,所以需要拆分成多个小 Reducer ,每个 Reducer 只处理它管理的那部分State数据。然后在由一个主 rootReducers 来专门管理这些小 Reducer 。

    Immutable 详解及 React 中实践

    react-redux

    • Provider
      Provider是一个React组件,它的作用是保存store给子组件中的connect使用。
      1.通过getChildContext方法把store保存到context里。
      2.后面connect中会通过context读取store。

    • connect
      connect 会把State和dispatch转换成props传递给子组件。

    • mapStateToProps

    • mapDispatchToProps

    redux与react-redux关系图
    http://zhenhua-lee.github.io/react/redux.html

    浅显易懂的Redux深究
    http://www.open-open.com/lib/view/open1454736519386.html

    《看漫画,学 Redux》 —— A cartoon intro to Redux
    https://github.com/jasonslyvia/a-cartoon-intro-to-redux-cn

    redux,一种页面状态管理的优雅方案
    http://www.tuicool.com/articles/eEFrueE

    深入浅出 - Redux
    http://www.tuicool.com/articles/bMzeEzF

    Classnames组件的使用

    A simple javascript utility for conditionally joining classNames together

    双向数据绑定

    angular开发者吐槽react+redux的复杂:“一个demo证明你的开发效率低下”

    React+Redux系列教程
    https://github.com/lewis617/react-redux-tutorial

    理解 Redux
    https://segmentfault.com/a/1190000004290837

    Actions异步

    其他

    redux的cheat sheet Paste_Image.png Paste_Image.png

    相关文章

      网友评论

          本文标题:Redux学习

          本文链接:https://www.haomeiwen.com/subject/kpubsttx.html