Connector

  • It expresses a data connection relationship of how to read small data from a big data, and how to synchronize to big data when the small data is modified。
  • It is the key to a centralized Reducer that can be assembled automatically by a multi-level, multi-module, small Reducer
    • It greatly reduces the difficulty of using Redux. We no longer care about the assembly process, we care about what specific actions cause the state to change.
  • It is used in the configuration Dependencies, in the configuration we have solidified the connection between the large component and the small component, so we do not need to pass in any dynamic parameters when we use the small component.

  • image.png | left | 719x375

  • Sample Code

  1. class DetialState {
  2.     Profile profile;
  3.     String message;
  4. }
  6. Connector<DetialState, String> messageConnector() {
  7.     return Connector<DetialState, String>(
  8.         get: (DetialState state) => state.message,
  9.         set: (DetialState state, String message) => state.message = message,
  10.     );
  11. }