pwa-kit
pwa-kit copied to clipboard
React Query default config and Query Key factory
Description
The PR implements the initial React Query cache state optimizations in commerce-sdk-react
:
- Adjust default
queryClient
configuration values. - Define the Query Key pattern to use in all queries using the Query Key factory pattern. Introducing the usage of the
'entity'
and 'scope: list | detail'
concepts inside the Query Key. - Seed future
scope: 'detail'
queries when executingscope: 'list'
queries. - TODO: Invalidate queries in the cache after executing mutation queries.
Types of Changes
- [ ] Bug fix (non-breaking change that fixes an issue)
- [ ] New feature (non-breaking change that adds functionality)
- [ ] Documentation update
- [ ] Breaking change (could cause existing functionality to not work as expected)
- [ ] Other changes (non-breaking changes that does not fit any of the above)
Breaking changes include:
- Removing a public function or component or prop
- Adding a required argument to a function
- Changing the data type of a function parameter or return value
- Adding a new peer dependency to
package.json
Changes
- (change1)
How to Test-Drive This PR
- (step1)
Checklists
General
- [ ] Changes are covered by test cases
- [ ] CHANGELOG.md updated with a short description of changes (not required for documentation updates)
Accessibility Compliance
You must check off all items in one of the follow two lists:
- [ ] There are no changes to UI
or...
- [ ] Changes were tested with a Screen Reader (iOS VoiceOver or Android Talkback) and had no issues
- [ ] Changes comply with WCAG 2.0 guidelines levels A and AA
- [ ] Changes to common UI patterns and interactions comply with WAI-ARIA best practices
Localization
- [ ] Changes include a UI text update in the Retail React App (which requires translation)