RFC: reflectList to create lists

[AlexandrHoroshih]

Like reflect, but for lists. With effector's useList under the hood

Live example: https://codesandbox.io/s/reflect-list-v1-zvskb?file=/src/App.js:192-408

reflectList({
  view: React.FC,
  source: Store<Item[]>,
  bind: { 
    // regular reflect's bind, for list item view
  },
  mapItem: {
    id: (item: Item) => item.id, // maps array store item to View props
    name: (item: Item) => item.name
  },
  getKey: (user: Item) => `${user.id}${user.name}` // getKey for `useList`
});

const $users = createStore([
  {id: 1, name: 'Yung'},
  {id: 2, name: 'Lean'},
  {id: 3, name: 'Kyoto'},
  {id: 4, name: 'Sesh'},
]);

const Item = ({ id, name, color }) => {
  return (
    <li style={{ color }}>
      {id} - {name}
    </li>
  );
};

const Items = reflectList({
  view: Item,
  source: $users,
  bind: {
    color: $color
  },
  mapItem: {
    id: (user) => user.id,
    name: (user) => user.name
  },
  getKey: (user) => `${user.id}${user.name}`
});

<List>
  <Items />
</List>