Video Tutorial: Getting Started with the New Courier Inbox for React

Yesterday, we announced the new Courier Inbox for Web — completely rebuilt from the ground up for better performance, flexibility, and seamless developer integration. Today, we’ll show you just how easy it is to get started with Courier Inbox in a React app so you can add a Notification Center to your app.

Highlights

• Faster performance: optimized WebSocket connections and real-time sync across tabs and devices
• Flexible UI: theme it, embed it, or launch it as a popup — all without CSS overrides
• Simple setup: one package, one SDK, and a few lines of code to get started
• React-first design: includes a new useCourier hook for direct inbox state and event access
• Fully customizable: support for custom components, layouts, and notification data

Get Started with the New Courier Inbox

The new Inbox is available today. Whether you’re starting fresh or upgrading, everything has been rebuilt to help you move faster with more control.

Choose the SDK that fits your stack:

• React: Courier React SDK Docs
• Not using React? Courier UI Inbox Web Docs
• Migrating from older version? React Inbox Migration Guide