Mastering Discriminated Unions in TypeScript
Discriminated Unions in TypeScript are formed from two or more other types. Explore how discriminated unions in TypeScript enhance type safety and code clarity, with practical examples and explanations.
Recent posts
Explore the recent blog posts
Conditional Class Rendering in React using CLSX
Explore how the CLSX library can simplify the process of conditional class rendering in React applications, improving code readability and significatly decreasing amount of written code
Understanding JavaScript Closures
Dive into the world of JavaScript closures with this comprehensive guide. Learn what closures are, how they work, and explore practical examples.
Building Responsive Design Using em and rem CSS Units
Discover the power of CSS em and rem units to create flexible, responsive web designs. This comprehensive guide will delve into the mechanics of these relative units, demonstrating their importance in modern responsive web development.
Demystifying useRef: A React Hook Guide
This blog post explores how useRef React Hook can manage references to DOM elements, hold mutable values across re-renders and allow to access the current value in the memoized callbacks.
Understanding Javascript Promises a Guide to Asynchronous Programming
JavaScript promises are a powerful feature introduced in ES6 (ECMAScript 2015) to manage asynchronous operations more efficiently and cleanly. This blog post is a guide to JavaScript promises, offering a clear understanding how promises can be used to handle asynchronous tasks elegantly.
The Complete Guide to TypeScript Types
Explore the TypeScript's type system: primitive types, enums, arrays, functions, objects, typles, intersections, unions, aliases, interfaces, type assertions, literals, any, unknown, never, null, undefined.
The Complete Guide to Building Responsive UI with CSS calc
Calc function in CSS allows developers to perform calculations to determine CSS property values. Learn how to dynamically calculate values for various CSS properties, enhancing the responsiveness and flexibility of your web designs.
Building a Debounced Input Component in React with TypeScript
In web applications that rely on user input, it's common to encounter performance issues related to rapid state updates. This is where debouncing comes in. Debouncing is a programming practice used to ensure that time-consuming tasks are not executed so often, which can be particularly useful in search inputs where you might fetch data from an API based on the user's input.
Improve Your .NET and Architecture Skills
Join my community of 1800+ developers and architects.
Each week you will get 2 practical tips with best practises and architecture advice.