Back to home

Reselect Quick And Dirty

Published: May 25, 2019

Last updated: May 25, 2019

    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.

    Reselect Quick And Dirty


    Share this post