當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript arkhamjs.Flux類代碼示例

本文整理匯總了TypeScript中@nlabs/arkhamjs.Flux的典型用法代碼示例。如果您正苦於以下問題:TypeScript Flux類的具體用法?TypeScript Flux怎麽用?TypeScript Flux使用的例子?那麽, 這裏精選的類代碼示例或許可以為您提供幫助。


在下文中一共展示了Flux類的4個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: updateContent

 static updateContent(content: string): Promise<FluxAction> {
   return Flux.dispatch({content, type: AppConstants.UPDATE_CONTENT});
 }
開發者ID:nitrogenlabs,項目名稱:nl-flux,代碼行數:3,代碼來源:AppActions.ts

示例2: beforeAll

 beforeAll(async () => {
   await Flux.init({
     stores: [TestStore]
   });
 });
開發者ID:nitrogenlabs,項目名稱:nl-flux,代碼行數:5,代碼來源:Logger.test.ts

示例3: createStore

export const createArkhamStore = (configuration: ArkhamReduxStoreType): Store<any> => {
  const {
    arkhamMiddleware: middleware = [],
    flux,
    reducers,
    sagas,
    statePath = '',
    reduxMiddleware = [],
    devTools
  } = configuration;

  // Save initial state tree
  const {storage} = Flux.getOptions();
  let store: Store;

  if(storage) {
    const cachedState = Flux.getState(statePath);

    if(devTools) {
      store = createStore(
        devTools(reducers, cachedState),
        applyMiddleware(...reduxMiddleware, arkhamMiddleware(statePath, flux)));
    } else {
      store = createStore(
        reducers,
        cachedState,
        applyMiddleware(...reduxMiddleware, arkhamMiddleware(statePath, flux)));
    }

    if(cachedState === undefined) {
      const stateTree = store.getState();
      const updatedState = isPlainObject(stateTree) ? merge(stateTree, cachedState) : stateTree;
      Flux.setState(statePath, updatedState);
    }
  } else {
    store = createStore(
      reducers,
      devTools,
      applyMiddleware(...reduxMiddleware, arkhamMiddleware(statePath, flux))
    );

    Flux.setState(statePath, store.getState());
  }

  // If saga is being added, run.
  reduxMiddleware.every((item: any) => {
    if(sagas) {
      item.run(sagas);
      return false;
    }

    return true;
  });

  // Add redux middleware to Arkham to relay dispatches to Redux
  middleware.push(new ReduxMiddleware(store, statePath));

  // Initialize ArkhamJS
  Flux.addMiddleware(middleware);

  return store;
};
開發者ID:nitrogenlabs,項目名稱:nl-flux,代碼行數:62,代碼來源:createArkhamStore.ts

示例4:

 listeners.forEach(({handler, type}: FluxActionListener) => {
   Flux.off(type, handler);
 });
開發者ID:nitrogenlabs,項目名稱:nl-flux,代碼行數:3,代碼來源:useFlux.ts


注:本文中的@nlabs/arkhamjs.Flux類示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。