October 2024 Summaries

Causal, a dynamic financial modeling platform, replaced its legacy email-based notification system with Knock to enhance notification capabilities and improve user engagement. This transition allowed Causal to move beyond email and in-app notifications to include Slack, leveraging Knock’s multi-channel support to reach users more effectively. Knock’s workflow builder enabled Causal to develop complex notification logic without extensive custom coding, significantly boosting developer productivity and allowing the team to focus on core product features. The improved notification system addressed the bottlenecks created by the previous setup, facilitating timely updates and engagement through various channels. Causal also provided users with notification preferences, allowing personalized communication, which further improved user experience. By integrating Knock, Causal enhanced both the developer experience and customer engagement, effectively reaching users where they are most likely to pay attention and transforming the notification system into a scalable, efficient tool.

The blog post provides a detailed guide on building a custom inbox experience using Knock's Feed API and React hooks, specifically within a Next.js and ShadCN UI framework. It explains the distinction between feeds and inboxes, highlighting that feeds display a continuous stream of notifications, while inboxes offer a more interactive, detailed view of messages. It covers setting up the environment with Knock API credentials, using components like KnockProvider to initialize the Knock client, and leveraging hooks such as useKnockClient and useNotifications to manage notifications and real-time updates. The guide also delves into implementing inbox functionality with filtering and sorting options, managing message statuses like read/unread and archived/unarchived, and integrating comment replies to demonstrate a seamless flow between Knock notifications and existing systems. The post emphasizes the flexibility offered by the Knock feed client and encourages developers to experiment with building diverse experiences using these tools.