A Guide to Simplified Logging in Sitecore Content Hub (React Components): The Restaurant of Mistaken Orders Approach


Imagine a bustling kitchen at the Restaurant of Mistaken Orders, where every dish is prepared with care, yet the chefs know that the occasional error is not just expected, it’s celebrated. This quirky establishment serves as the perfect metaphor for the development environment of our React components within Sitecore Content Hub. Just as the restaurant's staff learns from every mistaken order, we've crafted a logging system that helps developers learn from every unexpected event in our applications.

The Concept

In the heart of our kitchen, the logging system is akin to the central order station - a place where all communications are logged, and any anomalies are noted. The logs are the tickets that help trace back the steps to where the ingredients might have been mixed up. But fear not, this isn’t about admonishing the chefs; it's about understanding the ‘why’ and ‘how’ to prevent future mishaps.

The Setup

We've placed our logbooks (the logger files) in a centralized location: utils/log. Think of it as the main shelf where all order pads are stored. It’s easily accessible and allows for a uniform logging format across all components, just as every chef in the restaurant uses the same format to write down orders.

The Use

When a new dish is being crafted (a component being used), the chef (developer) doesn’t need to worry about setting up a new logbook. They simply refer to the central station, where all logging preferences are set. Is the dish gluten-free? Should this error be reported to the head chef? The logging station has all the preferences noted down.

The Flexibility

Just like chefs have the autonomy to report issues as they deem fit, our logging system is flexible. Developers can choose when to log, what to log, and where to log it. They can even turn off logging completely when they're just experimenting with new recipes (features) and don't want the logs to be cluttered with test runs.

The Conclusion

By the end of the night, when the kitchen slows down, our chefs (developers) can look back at the logs to understand what went exceptionally well and what could use a bit more seasoning. This centralized logging approach isn't just about catching errors; it's about creating a culture where learning from mistakes is as valuable as the dish served perfectly.

For those interested in the exact recipes (code snippets) and the detailed workings of our logging system, please visit our Git repository: Centralized Logging in React for Sitecore Content Hub. Here you'll find all the ingredients and steps to integrate this logging system into your own projects.

Bon Appétit and Happy Coding!