0d6af37a66
* Add requesting state, actions, and selectors to CRUD data stores * Allow resource specific selectors for requesting status * Use constants for action names in reducer * Add tests around new utils * Add changelog entry * Use getResourceName instead of getRequestKey in reducer * Rename and use getRequestIdentifier to avoid ambiguity with resource names * Sanitize and replace ID query with key in resolution selectors * Fix up crud action names and remove camel casing * Fix missing ID in ID query check * Fix up tests around request identifier * Add additional tests around utils * Clean up imports * Add missing selectors to tests |
||
---|---|---|
.. | ||
changelog | ||
src | ||
typings | ||
.eslintrc.js | ||
.gitignore | ||
.npmrc | ||
CHANGELOG.md | ||
PREVIOUS_CHANGELOG.md | ||
README.md | ||
babel.config.js | ||
composer.json | ||
composer.lock | ||
jest.config.json | ||
package.json | ||
tsconfig-cjs.json | ||
tsconfig.json |
README.md
Data
WooCommerce Admin data store and utilities.
Installation
Install the module
pnpm install @woocommerce/data --save
This package assumes that your code will run in an ES2015+ environment. If you're using an environment that has limited or no support for ES2015+ such as lower versions of IE then using core-js or @babel/polyfill will add support for these methods. Learn more about it in Babel docs.
Usage
import { SETTINGS_STORE_NAME } from '@woocommerce/data';
import { useSelect } from '@wordpress/data';
function MySettings() {
const settings = useSelect( select => {
return select( SETTINGS_STORE_NAME ).getSettings();
} );
return (
<ul>
{ settings.map( setting => (
<li>{ setting.name }</li>
) ) }
</ul>
);
}
// Rendered in the application:
//
// <MySettings />