Build React applications for PWA Kit — hooks, composition, SSR, Commerce SDK integration, Chakra UI components, getProps data fetching, and client-side state management. PWA Kit uses React (NOT Remix/Next.js). Use when building PWA Kit storefronts.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# PWA Kit React Patterns
## Before Writing Code
Always fetch the latest official documentation BEFORE building React components:
1. Web-search: "Salesforce PWA Kit React patterns 2026"
2. Web-search: "Salesforce Commerce SDK React hooks 2026"
3. Web-search: "Salesforce Retail React App reference architecture 2026"
4. Web-fetch: `https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/getting-started.html`
5. Web-fetch: `https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/pwa-kit-overview.html`
6. Web-fetch: `https://github.com/SalesforceCommerceCloud/pwa-kit`
Verify PWA Kit version, available hooks, getProps API, and routing patterns against current documentation before writing any component code.
## Conceptual Architecture
### CRITICAL: PWA Kit is NOT Remix/Next.js
> **WARNING**: PWA Kit is a **custom React framework** built by Salesforce. It has its own SSR implementation, routing, and data fetching patterns. Do NOT use Next.js or Remix patterns -- they will not work.
| Pattern | PWA Kit | Next.js (DO NOT USE) | Remix (DO NOT USE) |
|---|---|---|---|
…
The line at the top of this page pins the label git:20260914.08f85a3, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_u632x7noyxdar2ei
GET https://markdownregistry.com/api/v1/resolve?ref=orcaqubits/agentic-commerce-skills-plugins/react-patterns
GET https://markdownregistry.com/api/v1/blob/3b747567cbe6279842c9042468a1f3c8b7381797b15a02cae4218eec9d5867fb
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
orcaqubits/agentic-commerce-skills-plugins · a2a-multi-agent/skills/a2a-client/SKILL.md · Build an A2A client — the agent-side code that discovers other agents, sends tasks, handles responses, and manages…
orcaqubits/agentic-commerce-skills-plugins · a2a-multi-agent/skills/a2a-jsonrpc-transport/SKILL.md · Implement the A2A JSON-RPC 2.0 transport layer — request/response format, method routing, batch requests, and HTTP…
orcaqubits/agentic-commerce-skills-plugins · a2a-multi-agent/skills/a2a-mcp-bridge/SKILL.md · Build bridges between A2A and MCP — wrap A2A agents as MCP tools, use MCP tools from A2A agents, and architect hybrid…
vodailocz/kilo-kit-mcp · skills/engineering/react-patterns/SKILL.md · Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
