Post - Integrating a Custom Grid Component with Redux in React/SharePoint

Task

It is necessary to place certain data from the created component, using states and hooks, from CustomGrid into the Redux store.

Implementation

The component works as an adapter, which is backward compatible with the existing and already used CustomGrid in the system (to make integration less painful). It works through hooks used inside the grid component, passing and listening to data from it, and simultaneously updating data in Redux.

Component Code:

(Again, this is not the final version. And since this is a team effort, I am not the only one contributing.)

Reducers

Selectors

Actions