JavaScript redux-responsive createResponsiveStateReducerの例

コード例 #1

ファイル: reducers.js プロジェクト: orzubalsky/portfolio

export const makeRootReducer = (asyncReducers) => {
  return combineReducers({
    browser: createResponsiveStateReducer({
      phone: 480,
      tabletPortrait: 600,
      tabletLandscape: 900,
      desktop: 1200,
      widescreen: 1800,
    }),
    form: formReducer,
    router: routerReducer,
    app: appReducer,
    ...asyncReducers
  })
}

コード例 #2

ファイル: index.js プロジェクト: clhenrick/webpack-webapp-template

import { combineReducers } from 'redux';
import {createResponsiveStateReducer} from 'redux-responsive';

import { breakpoints } from '../styles/variables.json';

import exampleReducer from './example_reducer';

// custom breakpoints for redux-responsive store
const browser = createResponsiveStateReducer({
  extraSmall: breakpoints.width.xsmall,
  small: breakpoints.width.small,
  medium: breakpoints.width.medium,
  large: breakpoints.width.large
});

const rootReducer = combineReducers({
  exampleReducer,
  browser
});

export default rootReducer;