The Problem: Runtime Crashes in TypeScript Ever found yourself debugging a production issue only to discover that your API call crashed at runtime? You’re not alone. In TypeScript, developers often use Promises and forget to handle errors, leading to runtime crashes that could have been prevented at compile time. Languages like Java have a built-in solution: checked exceptions. They force developers to handle potential errors before the code even compiles. But TypeScript?

Clean Architecture in Frontend Recently, the term “Clean Architecture” was discussed in my company. It sounded interesting, so I started thinking about whether we could use it in frontend projects too. To understand it better, I read “Clean Architecture” by Robert C. Martin. After learning the basics, I tried applying Clean Architecture to a frontend project. In this blog, I will share my experience and how I built a To-Do CRUD app, which you can check out here .

Today I implemented a feature of YouTube in my app . This feature will play video on hover of the thumbnail of a video. Code Changes This commit is having the changes I did for implementing this feature. Implementation Explaination I have used template like below for showing thumbnail card for videos <div class="card"> <img class="thumbnail" src={this.thumbnail}></img> <div class="video-preview"> {this.stream && this.showVideoPreview && ( <video-player sources={this.