本文整理汇总了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;未经允许,请勿转载。 |
请发表评论