• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript redux-observable.createEpicMiddleware函数代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文整理汇总了TypeScript中redux-observable.createEpicMiddleware函数的典型用法代码示例。如果您正苦于以下问题:TypeScript createEpicMiddleware函数的具体用法?TypeScript createEpicMiddleware怎么用?TypeScript createEpicMiddleware使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。



在下文中一共展示了createEpicMiddleware函数的10个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: constructor

  constructor(
    private ngRedux: NgRedux<IAppState>,
    private actions: SessionActions,
    private epics: SessionEpics,
    private exerciseActions: ExerciseActions,
    private exerciseEpics: ExerciseEpics) {

    middleware.push(createEpicMiddleware(this.epics.login));
    middleware.push(createEpicMiddleware(this.exerciseEpics.getAll));
    ngRedux.configureStore(rootReducer, {}, middleware, enhancers);
  }
开发者ID:rawkamatic,项目名称:workoutbuddy,代码行数:11,代码来源:sample-app.ts


示例2: constructor

  constructor(
    private devTools: DevToolsExtension,
    private ngRedux: NgRedux<IAppState>,
    private ngReduxRouter: NgReduxRouter,
    private actions: SessionActions,
    private sessionEpics: SessionEpics,
    private listEpics: ListEpics) {

    const enh = (__DEV__ && devTools.isEnabled()) ?
      [ ... enhancers, devTools.enhancer({
        deserializeState: reimmutify,
      }) ] :
      enhancers;

// I don't know how to get this to work so I put a call to it in the action. 
// That is more explicit, I think too which I've heard recommended.
//    middleware.push(createEpicMiddleware(this.listEpics.saveAll));
    middleware.push(createEpicMiddleware(
                      combineEpics(this.sessionEpics.login, 
                                    this.listEpics.saveAll
                                   )
                                   ));

    ngRedux.configureStore(rootReducer, {}, middleware, enhancers);
    ngReduxRouter.initialize();
  }
开发者ID:dancancro,项目名称:rangle-started,代码行数:26,代码来源:app.ts


示例3: createReduxStore

export const createStore = (
  state: State = initialState,
  apolloClient: Observable<AppApolloClient>
): Store<State, Action> => {
  const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

  const middlewareDependencies = {
    apolloClient$: apolloClient,
    selectNotesByIdSelector: appSelectors.selectNotesByIdSelector,
    timelineByIdSelector: timelineSelectors.timelineByIdSelector,
    timelineTimeRangeSelector: inputsSelectors.timelineTimeRangeSelector,
  };

  const epicMiddleware = createEpicMiddleware<Action, Action, State, typeof middlewareDependencies>(
    {
      dependencies: middlewareDependencies,
    }
  );

  store = createReduxStore(reducer, state, composeEnhancers(applyMiddleware(epicMiddleware)));

  epicMiddleware.run(createRootEpic<State>());

  return store;
};
开发者ID:,项目名称:,代码行数:25,代码来源:


示例4: reduxCreateStore

export const createStore = () =>
    reduxCreateStore(
        combineReducers<ChatState>({
            adaptiveCards,
            connection,
            format,
            history,
            shell,
            size
        }),
        applyMiddleware(createEpicMiddleware(combineEpics(
            updateSelectedActivityEpic,
            sendMessageEpic,
            trySendMessageEpic,
            retrySendMessageEpic,
            showTypingEpic,
            sendTypingEpic,
            speakSSMLEpic,
            speakOnMessageReceivedEpic,
            startListeningEpic,
            stopListeningEpic,
            stopSpeakingEpic,
            listeningSilenceTimeoutEpic
        )))
    );
开发者ID:alfumit,项目名称:BotFramework-WebChat,代码行数:25,代码来源:Store.ts


示例5: constructor

  constructor(
    private ngRedux: NgRedux<IAppState>,
    private devTool: DevToolsExtension,
    private rootEpic: RootEpic,
    private router: Router,
  ) {
    const middleware = [
      createEpicMiddleware(this.rootEpic.combineAll()),
      createLogger(),
    ];

    const reducer = compose(
      mergePersistedState()
    )(rootReducer);

    const storage = compose(
      filter('auth')
    )(adapter(window.localStorage));

    const enhancers = [
      persistState(storage, 'fyibn/store'),
    ];

    if (devTool.isEnabled()) {
      enhancers.push(devTool.enhancer());
    }

    this.ngRedux.configureStore(
      reducer,
      {} as IAppState,
      middleware,
      enhancers,
    );
  }
开发者ID:pusherman,项目名称:fyibn-ui,代码行数:34,代码来源:app.component.ts


示例6: createStore

export function createStore({ apolloClient, observableApi }: StoreDependencies) {
  const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

  const middlewareDependencies = {
    postToApi$: observableApi.pipe(map(({ post }) => post)),
    apolloClient$: apolloClient,
    selectIsLoadingLogEntries: logEntriesSelectors.selectIsLoadingEntries,
    selectLogEntriesEnd: logEntriesSelectors.selectEntriesEnd,
    selectLogEntriesStart: logEntriesSelectors.selectEntriesStart,
    selectHasMoreLogEntriesAfterEnd: logEntriesSelectors.selectHasMoreAfterEnd,
    selectHasMoreLogEntriesBeforeStart: logEntriesSelectors.selectHasMoreBeforeStart,
    selectIsAutoReloadingLogEntries: logPositionSelectors.selectIsAutoReloading,
    selectLogFilterQueryAsJson: logFilterSelectors.selectLogFilterQueryAsJson,
    selectLogTargetPosition: logPositionSelectors.selectTargetPosition,
    selectVisibleLogMidpointOrTarget: logPositionSelectors.selectVisibleMidpointOrTarget,
    selectWaffleTimeUpdatePolicyInterval: waffleTimeSelectors.selectTimeUpdatePolicyInterval,
  };

  const epicMiddleware = createEpicMiddleware<Action, Action, State, typeof middlewareDependencies>(
    {
      dependencies: middlewareDependencies,
    }
  );

  const store = createBasicStore(
    reducer,
    initialState,
    composeEnhancers(applyMiddleware(epicMiddleware))
  );

  epicMiddleware.run(createRootEpic<State>());

  return store;
}
开发者ID:elastic,项目名称:kibana,代码行数:34,代码来源:store.ts


示例7: constructor

  constructor(
    ngRedux: NgRedux<IAppState>,
    sendAnalytics: SendAnalytics) {
    const store = createStore(
      rootReducer,
      compose(applyMiddleware(reduxLogger),
        applyMiddleware(createEpicMiddleware(rootEpic)),
        applyMiddleware(sendAnalytics.middleware)));

    ngRedux.provideStore(store as Store<IAppState>);
  }
开发者ID:Jigar3758,项目名称:augury,代码行数:11,代码来源:module.ts


示例8: function

export default function(givenInitialState: Partial<State> = {}) {
  const initialState = merge(getInitialState(), givenInitialState);
  const epicMiddleware = createEpicMiddleware();
  const composeEnhancers =
    (typeof window !== "undefined" &&
      (window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) ||
    compose;

  const store = createStore(
    reducer,
    initialState,
    composeEnhancers(applyMiddleware(epicMiddleware, errorMiddleware))
  );
  epicMiddleware.run(epics);
  return store;
}
开发者ID:nteract,项目名称:play,代码行数:16,代码来源:createStore.ts


示例9: configureStore

function configureStore(initialState?: RootState) {
  // configure middlewares
  const middlewares = [
    createEpicMiddleware(rootEpic),
  ];
  // compose enhancers
  const enhancer = composeEnhancers(
    applyMiddleware(...middlewares)
  );
  // create store
  return createStore(
    rootReducer,
    initialState!,
    enhancer
  );
}
开发者ID:vin1992,项目名称:react-redux-typescript-guide,代码行数:16,代码来源:store.ts


示例10: configureStore

export default function configureStore(initialState: Partial<AppState>) {
  const rootEpic = combineEpics<Epic>(...coreEpics.allEpics);
  const epicMiddleware = createEpicMiddleware();
  const middlewares = [epicMiddleware, coreMiddlewares.errorMiddleware];

  const store = createStore(
    rootReducer,
    // TODO: Properly type redux store for jupyter-extension
    (initialState as unknown) as any,
    composeEnhancers(applyMiddleware(...middlewares))
  );

  epicMiddleware.run(rootEpic);

  return store;
}
开发者ID:nteract,项目名称:nteract,代码行数:16,代码来源:store.ts



注:本文中的redux-observable.createEpicMiddleware函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript redux-observable.ofType函数代码示例发布时间:2022-05-25
下一篇:
TypeScript redux-observable.combineEpics函数代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap