data flow view

[ChrisFan]

• mv* flow
  • component: dispatch a new action
  • component: delete
  • component: create
  • model: delete
  • model: create
• action flow
  • effect: create/update/delete
  • reducer: create/update/delete
  • better action flow layout
  • action flow route/page & components/models filtering

[ChrisFan]

#14 create/delete of component

[ChrisFan]

#15 create/delete models
#16 add component dispatch

[ChrisFan]

#23 components/models filtering

[jaredleechn]

+---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+
|                                                                                                                                                                                       |
|                                                                                                                                                                                       |
|      +---------------------------+       +----------------------------+                                                                                                 +---------+   |
|      | action                    |       |action                      |                                                                                                 |         |   |
|  +--->   .from.contain(component)|  +---->  .from.contain(otherEffect)+------------+------------------------------------------------------------------------------------+ reducer |   |
|  |   |                           |  |    |  &&notContain(component)   |            |                                                                                    |         |   |
|  |   +---------------------------+  |    +----------------------------+            |                                                                                    +---------+   |
|  |                                  |                                              |                                                                                                  |
|  |                                  |                                              |                                                                                                  |
|  |                                  |                                              |                                                                                                  |
|  |                                  |                                      +-------v-------+                                                                                          |
|  |                                  +--------------------------------------+               |                                                                                          |
|  |                                                                         | effect.effect |                                                                                          |
|  +-------------------------------------------------------------------------+   .noTo()     |                                                                                          |
|                                                                            |               |                                                                                          |
|                                                                            +------+--------+                                                                                          |
|                                                                                   |             +----------------------------+                                                        |
|                                                                                   |             |                            |                                           +---------+  |
|                                                                                   |             | action                     |                                           |         |  |
|                                                                                   +------------->   .notContain(component)   +--------------------+----------------------> reducer |  |
|                                                                                                 |   .notContain(otherEffect) |                    |                      |         |  |
|                                                                                                 |                            |                    |                      +---------+  |
|                                                                                                 +----------------------------+   +----------------v------------------+                |
|                                                                                                                                  |                                   |                |
|                                                                                                                                  | effect                            |                |
|                                                                                                                                  |   .action.notContain(component)   |                |
|                                                                                                                                  |   .action.notContain(otherEffect) |                |
|                                                                                                                                  |                                   |                |
|                                                                                                                                  +-----------------------------------+                |
|                                                                                                                                                                                       |
|                                                                                                                                                                                       |
+---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+

[jaredleechn]

@ChrisFan 栅格比例看情况吧，感觉 effct 到 ruducer 中间内容可能有点多