🎉 I'm releasing 12 products in 12 months! If you love product, checkout my new blog workingoutloud.dev

Back to home

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.

    Reselect Quick And Dirty


    Share this post