zoukankan      html  css  js  c++  java
  • 笔记----深入浅出《React和Redux》第四章

    一、代码文件的组织结构

      相比MVC的“按角色组织”风格,React和Redux应用采用的是“按功能组织”风格。直接看下图,对比直观一些

                                                         component表示展示组件,container表示容器组件

                            按角色组织                                                            按功能组织

    二、模块接口

      在React和Redux配合的应用中,模块指的是React和Redux这一个整体,这个整体应遵守“低耦合高聚合”的特点

      模块与模块之间交互,应该有指定的接口来进行,避免内部之间产生直接联系,我们让每个模块的index.js文件来担当接口工作  

     

                                        

                                    支持                                                                                                                 应该避免(直接访问模块内部了)

        

    三、状态树(store)设计

       设计原则:

           1、一个模块控制一个状态节点

            

        体现在每个模块都有自己的reducer,reducer之间对状态树的修改是互斥的,即各自改各自对应的状态树节点

        (在createStore中,只能放一个reducer,通过combineReducer函数,将多个reduce以对象形式作为参数传入,合并为一个reducer)

        读取是对任何模块都开放的,任何模块都可以读取状态树上所有的节点

           2、避免数据冗余

        

           3、树形结构扁平

         

  • 相关阅读:
    Delphi的几个跨平台小游戏例子。
    Delphi判断某个类是否实现了某个接口
    Delphi RAD Server 应用服务基础平台
    Delphi XE10.1 引用计数
    运行Delphi XE10的MongoDB例程,测试Delphi插入记录性能
    在Windows下编译mongo-c-driver 1.3.x
    Delphi 高效读写锁
    Delphi XE10在 Android下调用静态库a文件
    Delphi 调试连接 任意Android手机/平板/盒子
    Some cool FireMonkey multi-device components
  • 原文地址:https://www.cnblogs.com/qianbin/p/10241291.html
Copyright © 2011-2022 走看看