Prefer centralized error handling mechanisms and specialized utilities over manual error handling in individual components. Instead of implementing error handling logic directly in each function or component, leverage global error handlers and purpose-built utilities.
Prefer centralized error handling mechanisms and specialized utilities over manual error handling in individual components. Instead of implementing error handling logic directly in each function or component, leverage global error handlers and purpose-built utilities.
For centralized handling, use global onError handlers rather than manual error handling in each mutator:
// Avoid: Manual error handling in each component
const handleSubmit = async () => {
const result = z.mutate.issue.create({...});
const raceResult = await promiseRace([sleep(5000), result.server]);
if (raceResult === 0) {
// TODO show toast - manual error handling
}
};
For specific error scenarios, use specialized utilities that provide both static and runtime safety:
// Avoid: Generic error throwing
if (filter === 'crew') {
// handle crew
} else if (filter === 'creators') {
// handle creators
} else {
throw new Error(`Unknown filter: ${filter}`);
}
// Prefer: Specialized error utilities
if (filter === 'crew') {
// handle crew
} else if (filter === 'creators') {
// handle creators
} else {
unreachable(filter); // Provides static and runtime assertion
}
This approach reduces code duplication, improves consistency, and provides better type safety and debugging capabilities.
Enter the URL of a public GitHub repository