Explain Like I’m 5: Observables vs Subjects vs Behavior Subjects — Contents Observables vs promises Observer Pattern in ELI5 fashion Hot vs Cold observables Subjects vs Behavior Subjects Observables vs Promises Observables are asynchronous like promises, but the key distinction is that Observables can return multiple values over time, and promises simply return a single value. Observables are not executed until we subscribe to them…

A quick guide on testing service calls from an angular component. — The Method we’re testing: /** * Sends the screenshot to the backend api and shows loading indicators * @param $event */ async submitFeedback() { this.sendingFeedback = true; // Take a screenshot const screenshot = await this.takeScreenshot(); this.feedbackService.sendImage(screenshot).subscribe((res) => { this.sendingFeedback = false; this.displaySuccessModal(); }, (error => { this.sendingFeedback = false; this.displayErrorModal(); })) }

Make it work. Make it always work. Make it right. — Intro Front-end engineering is an incredibly rewarding craft. Every day, you have the opportunity to create delightful, fast, and valuable products for thousands, or even millions of users. But as we all know, it doesn’t always go as planned. Without a thoughtful approach, we risk creating software that’s slow, buggy, and…

I’m a big believer in analogies, and this article is aimed at helping you grasp the differences between reducers, actions and how to setup redux. If you rather skip the analogies, then skip the italicized text. In the land of the web development seas, a band of pirates sailed the…

Lazy loading is a powerful way to improve the performance of your site. Why Lazy Load? Lazy loading your react components can improve performance, reduce bundle size, and enhance user experience. Instead of loading everything at once, you may want to consider lazy loading components that are not immediately visible. Strategy #1: Prefetch Lazy load One strategy for…

Learn by building your own React clone — When I don’t understand something fully, I try to break things down. Step by step. New things pop up all the time, so understanding the fundamental building blocks will set you apart because you’ll know how things actually work. In order to understand how React works, let’s challenge ourselves and…

I built it to scan code on any page I just need the code! TBH this meme ^ resonates with me sometimes, I don’t always need the long-winded description. So I built this chrome extension to show only the code. For example, imagine you are scanning a medium article or StackOverflow post. …

1. Benefits > Features — Your customers don’t care about your product. It’s true. People don’t buy products, they buy progress. When writing copy, focus on what your product does for the customer, not what your product is. For example, Snickers never talks about its ingredients: milk chocolate, caramel, nuts, and nougat. …

In this quick guide, I will show you a straightforward and effective way to record the user’s screen and play it back using MediaDevices.getDisplayMedia(). Step 1: Setup HTML UI Our UI simply consists of a start recording button, stop button and a replay button. Step 2: When you click “Start Recording”, prompt and record the user’s screen. First set up a click handler to start things…