Back to home

Reselect Quick And Dirty main image

Reselect Quick And Dirty

Quick and dirty implementation of reselect. This assumes you already have the requirements for Redux installed and in operation.

This link below is a great reference for indepth if you need more than a friendly reminder.

Dan Parker - Medium article

Installing Reselect

yarn install reselect

Basic Implementation

// Reducer file import { createSelector } from "reselect"; /* Creating the Selector in reducer file */ const getElementsUi = (state) => state.sidebarReducer.elementsUi; export const getElementsUiState = createSelector( [getElementsUi], (elementsUi) => elementsUi ); // In file calling mapStateToProps const mapStateToProps = (state) => ({ elementsUi: reducers.getElementsUiState(state), }); const mapDispatchToProps = (dispatch) => ({ dispatch: dispatch }); export default connect(mapStateToProps, mapDispatchToProps)(Component);

Personal image

Dennis O'Keeffe

  • Melbourne, Australia

Hi, I am a professional Software Engineer. Formerly of Culture Amp, UsabilityHub, Present Company and NightGuru.
I am currently working on Visibuild.


Get fresh posts + news direct to your inbox.

No spam. We only send you relevant content.