woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-06 18:16:38 +08:00
Code Issues Projects Packages Wiki Activity Actions

⚡️ Leverage memoization for selector

Browse source
This commit is contained in:
Philipp Stracker 2025-03-05 11:32:06 +01:00
parent 27f4ab442f
commit 3ff64d841a
No known key found for this signature in database
1 changed files with 3 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

32
modules/ppcp-settings/resources/js/data/onboarding/hooks.js
View file

@ -12,31 +12,6 @@ import { useSelect, useDispatch } from '@wordpress/data';
import { createHooksForStore } from '../utils'; import { createHooksForStore } from '../utils';
import { PRODUCT_TYPES } from './configuration'; import { PRODUCT_TYPES } from './configuration';
import { STORE_NAME } from './constants'; import { STORE_NAME } from './constants';
import { useMemo } from '@wordpress/element';
/**
* Single source of truth for access Redux details.
*
* This hook returns a stable API to access actions, selectors and special hooks to generate
* getter- and setters for transient or persistent properties.
*
* @return {{select, dispatch, useTransient, usePersistent}} Store data API.
*/
const useStoreData = () => {
const select = useSelect( ( selectors ) => selectors( STORE_NAME ), [] );
const dispatch = useDispatch( STORE_NAME );
const { useTransient, usePersistent } = createHooksForStore( STORE_NAME );
return useMemo(
() => ( {
select,
dispatch,
useTransient,
usePersistent,
} ),
[ select, dispatch, useTransient, usePersistent ]
);
};
const useHooks = () => { const useHooks = () => {
const { useTransient, usePersistent } = createHooksForStore( STORE_NAME ); const { useTransient, usePersistent } = createHooksForStore( STORE_NAME );
@ -161,10 +136,9 @@ export const useNavigationState = () => {
}; };
export const useDetermineProducts = () => { export const useDetermineProducts = () => {
const { select } = useStoreData(); return useSelect( ( select ) => {
const { determineProductsAndCaps } = select; return select( STORE_NAME ).determineProductsAndCaps();
}, [] );
return determineProductsAndCaps;
}; };
export const useFlags = () => { export const useFlags = () => {