Video Tutorial: Getting Started with the New Courier Inbox for React
Dana SilverAugust 20, 2025
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
useCourierhook 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
Similar resources
The federal texting rule your transportation and logistics software is breaking
A single text to a driving trucker can trigger a federal fine of up to $11,000 for the motor carrier, and your transportation and logistics software is often what sent it. How to design driver notifications that stay on the right side of FMCSA rules.
How to Design an In-App Notification Center: UX tips and examples
A design-focused guide to building an in-app notification center people actually use. Covers the UX decisions that matter (entry point, information hierarchy, read state, grouping, empty states, inline actions, real-time, accessibility), then shows three ways to execute in Courier Inbox: brand-match with a theme, take over individual pieces with render props, or go fully headless with the `useCourier` hook. Ends with a pre-ship checklist.
How Apple's on-device AI works, and what it changes for your users
Apple's 2026 on-device models (AFM 3) are good enough to read, rank, and summarize everything that lands on your phone, locally and for free. Here's how they actually work, in plain terms, and how a model that reads every message before your users do changes what you should send.
© 2026 Courier. All rights reserved.