ld-redux | A library to integrate launch darkly with react redux | Access Management library

In your client bootstrap, initialise the launch darkly client by invoking the init method:.
In your client bootstrap, initialise the launch darkly client by invoking the init method: import createStore from '<your-project>/store'; import ldRedux from 'ld-redux'; // standard redux createStore const store = createStore(); // do this once ldRedux.init({ clientSideId: 'your-client-side-id', dispatch: store.dispatch, }); render( <Provider store={store}> <Router routes={routes} history={browserHistory}/> </Provider>, document.getElementById('reactDiv') );
Include ldReducer as one of the reducers in your app: import { combineReducers } from 'redux'; import ldRedux from 'ld-redux'; import reducers from '<your-project>/reducers'; export default combineReducers({ ...reducers, LD: ldRedux.reducer(), // Note: the LD key can be anything you want });
Use the flag: import React, {Component} from 'react'; import {connect} from 'react-redux'; const mapStateToProps = (state) => { const {featureFlagKey} = state.LD; // Note: the key LD must be the same as step 2. return { featureFlagKey, }; }; @connect(mapStateToProps) export default class Home extends Component { render() { return ( <div> { /* look ma, feature flag! */ this.props.featureFlagKey ? <div> <p>Welcome to feature toggling!</p> </div> : 'nothing' } </div> ); } }