909: Handling and Throwing Errors

In this episode of Syntax, Wes and Scott delve into the intricacies of error handling in JavaScript, covering the terminology around throwing and catching errors, the components of an error object (name, message, stack trace), and the nuances of throwing errors versus handling them directly. They discuss strategies for dealing with errors in both synchronous and asynchronous code, as well as client-side versus server-side environments, including the importance of not exposing sensitive server error details to the client. The hosts also touch on tools and techniques like try-catch blocks, promises, error boundaries, HTTP response codes, and the use of Sentry for logging and fixing errors in production, emphasizing the significance of proper error handling for application stability and user experience.

Outlines

Part 1: Introduction and Error Fundamentals

Part 2: Error Handling Techniques

Part 3: Client-Side Error Management

Part 4: Server-Side Error Management and Logging

Part 5: TypeScript and Conclusion

Sign in to continue reading, translating and more.

Open full episode in Podwise

Syntax - Tasty Web Development Treats

Part 1: Introduction and Error Fundamentals

Introduction to Error Handling in JavaScript

Terminology and Components of Errors

Stack Traces and AI Assistance

Part 2: Error Handling Techniques

Throwing Errors and Handling Logic

Handling Expected Errors and Maintaining Stack Traces

Promises, Try-Catch Blocks, and Error Handling Techniques

Alternative Error Handling with Awaited and Finally Blocks

Promise.try and Rethrowing Errors

Part 3: Client-Side Error Management

Client-Side Error Handling and UI Display

Inline Errors and Server Error Transformation

Security Considerations and Error Boundaries

Part 4: Server-Side Error Management and Logging

Server Errors and JSON APIs

HTTP Response Codes and GraphQL Considerations

Fixing and Logging Errors in Production

Logging Strategies and Error Handling

Part 5: TypeScript and Conclusion

TypeScript Errors and Type Checking

Conclusion and Call to Action

909: Handling and Throwing Errors

Syntax - Tasty Web Development Treats

Part 1: Introduction and Error Fundamentals

00:00Introduction to Error Handling in JavaScript

Introduction to Error Handling in JavaScript

01:40Terminology and Components of Errors

Terminology and Components of Errors

04:09Stack Traces and AI Assistance

Stack Traces and AI Assistance

Part 2: Error Handling Techniques

07:12Throwing Errors and Handling Logic

Throwing Errors and Handling Logic

09:30Handling Expected Errors and Maintaining Stack Traces

Handling Expected Errors and Maintaining Stack Traces

12:00Promises, Try-Catch Blocks, and Error Handling Techniques

Promises, Try-Catch Blocks, and Error Handling Techniques

14:13Alternative Error Handling with Awaited and Finally Blocks

Alternative Error Handling with Awaited and Finally Blocks

16:28Promise.try and Rethrowing Errors

Promise.try and Rethrowing Errors

Part 3: Client-Side Error Management

18:20Client-Side Error Handling and UI Display

Client-Side Error Handling and UI Display

20:41Inline Errors and Server Error Transformation

Inline Errors and Server Error Transformation

23:35Security Considerations and Error Boundaries

Security Considerations and Error Boundaries

Part 4: Server-Side Error Management and Logging

25:26Server Errors and JSON APIs

Server Errors and JSON APIs

27:30HTTP Response Codes and GraphQL Considerations

HTTP Response Codes and GraphQL Considerations

30:09Fixing and Logging Errors in Production

Fixing and Logging Errors in Production

33:57Logging Strategies and Error Handling

Logging Strategies and Error Handling

Part 5: TypeScript and Conclusion

35:52TypeScript Errors and Type Checking

TypeScript Errors and Type Checking

37:56Conclusion and Call to Action

Conclusion and Call to Action