How to use the easy-peasy.selector function in easy-peasy

To help you get started, we’ve selected a few easy-peasy examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

ctrlplusb / easy-peasy / src / __tests__ / typescript / selector.ts View on Github

status: StatusModel;
}

const model: StoreModel = {
  todos: {
    items: [],
    count: selector([state => state.items], ([items]) => {
      return items.length;
    }),
    getById: selector([state => state.items], ([items], [id]) => {
      return items.find(x => x.id === id);
    }),
    unTypedArgs: selector([state => state.items], ([items]) => items.length),
  },
  status: {
    totalTodos: selector(
      [(state, storeState) => storeState.todos.count],
      ([count]) => count(),
    ),
  },
};

const store = createStore(model);

const count = store.getState().todos.count();

count + 1;

// typings:expect-error
store.getState().todos.getById();

// typings:expect-error

ctrlplusb / easy-peasy / src / __tests__ / typescript / selector.ts View on Github

interface StoreModel {
  todos: TodosModel;
  status: StatusModel;
}

const model: StoreModel = {
  todos: {
    items: [],
    count: selector([state => state.items], ([items]) => {
      return items.length;
    }),
    getById: selector([state => state.items], ([items], [id]) => {
      return items.find(x => x.id === id);
    }),
    unTypedArgs: selector([state => state.items], ([items]) => items.length),
  },
  status: {
    totalTodos: selector(
      [(state, storeState) => storeState.todos.count],
      ([count]) => count(),
    ),
  },
};

const store = createStore(model);

const count = store.getState().todos.count();

count + 1;

// typings:expect-error

ctrlplusb / easy-peasy / src / __tests__ / typescript / selector.ts View on Github

number,
    [SelectorRef],
    [],
    StoreModel
  &gt;;
}

interface StoreModel {
  todos: TodosModel;
  status: StatusModel;
}

const model: StoreModel = {
  todos: {
    items: [],
    count: selector([state =&gt; state.items], ([items]) =&gt; {
      return items.length;
    }),
    getById: selector([state =&gt; state.items], ([items], [id]) =&gt; {
      return items.find(x =&gt; x.id === id);
    }),
    unTypedArgs: selector([state =&gt; state.items], ([items]) =&gt; items.length),
  },
  status: {
    totalTodos: selector(
      [(state, storeState) =&gt; storeState.todos.count],
      ([count]) =&gt; count(),
    ),
  },
};

const store = createStore(model);

ctrlplusb / easy-peasy / src / __tests__ / typescript / selector.ts View on Github

StoreModel
  >;
}

interface StoreModel {
  todos: TodosModel;
  status: StatusModel;
}

const model: StoreModel = {
  todos: {
    items: [],
    count: selector([state => state.items], ([items]) => {
      return items.length;
    }),
    getById: selector([state => state.items], ([items], [id]) => {
      return items.find(x => x.id === id);
    }),
    unTypedArgs: selector([state => state.items], ([items]) => items.length),
  },
  status: {
    totalTodos: selector(
      [(state, storeState) => storeState.todos.count],
      ([count]) => count(),
    ),
  },
};

const store = createStore(model);

const count = store.getState().todos.count();

How to use the easy-peasy.selector function in easy-peasy

To help you get started, we’ve selected a few easy-peasy examples, based on popular ways it is used in public projects.

easy-peasy

Package Health Score

Popular easy-peasy functions

Similar packages