Recent posts

Explore the recent blog posts

The Complete Guide to Building Responsive UI with CSS calc
css

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
react

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.

Level-up Responsive Design Using Min, Max and Clamp CSS Functions
css

Level-up Responsive Design Using Min, Max and Clamp CSS Functions

Enter the CSS min, max and clamp functions, a game-changers for responsive design that simplifies the way we define scalable properties. This blog post explores the power of min, max and clamp functions, offering insights into its functionality and giving practical examples.

Building Responsive Design Using Viewport CSS Units
css

Building Responsive Design Using Viewport CSS Units

Responsive design ensures that web content looks good and functions well, no matter the screen size. Such design is a must-have in modern web applications. One of the various tools in achieving responsive design is through the use of viewport units: vw, vh, vmin, vmax, vi, vb, s, l, d and their combinations. This blog post explains how and when to use these units to create adaptive designs.

Mastering React Hooks: A Comprehensive Guide to Functional Components
react

Mastering React Hooks: A Comprehensive Guide to Functional Components

The introduction of Hooks in React 16.8 significantly changed the coding style for build React components. Hooks allow to control component's state, lifecycle and offer a more powerful and flexible way to create and manage functional components. In this blog post you will learn the essentials and the most common React Hooks.

Spread and Rest Operators in JavaScript
javascript

Spread and Rest Operators in JavaScript

ECMAScript 2015 (ES6) has brought many features that have significantly improved the language's expressiveness, readability, and efficiency. Among these features, are rest and spread operators. In this blog post you will learn how to use spread and rest operators and how they can simplify your JavaScript code and make it more flexible.

Improve Your .NET and Architecture Skills

Join my community of 100+ developers and architects.

Each week you will get 2 practical tips with best practises and architecture advice.