React + Remix Patterns

Before writing code

Fetch live docs:

1. Fetch https://remix.run/docs/en/main for Remix documentation
2. Fetch https://react.dev/reference/react for React API reference
3. Web-search site:shopify.dev hydrogen remix patterns for Hydrogen-specific patterns

Why Remix (Not Next.js)

Shopify's Hydrogen is built on Remix:

• Server-first rendering with progressive enhancement
• Loaders and actions for server-side data fetching and mutations
• Nested routes for layout composition
• Built-in form handling without client-side state management
• Streaming SSR for fast perceived performance

Core Remix Concepts