Learn how to combine BEM and SCSS to build maintainable, reusable, and scalable stylesheets for modern web applications.

BEM with SCSS: Write Clean, Scalable CSS

here is a step-by-step guide that walks you through building a simple blog with posts and categories.

Create Mini Blog using Bun.js

Aborting requests built with Promises was difficult until JavaScript introduced AbortController and AbortSignal.

Cancel A Request In JavaScript

A simple look at when to use CSS custom properties versus Sass variables in your styles.

CSS Custom Properties and Sass Variables

Learn how CSS Modules scope class names to components and stop global style conflicts.

CSS Modules Explained Simply

Learn how to write CSS selectors and set a preferred theme while respecting user preferences.

Implementing Light and Dark Themes with CSS

Today we'll learn how to delete local and remote Git branches, and also how to undo the delete operation if needed..

Enable Spell Checking With HTML Only

Gmail: How to Delete Old Emails Automatically

The Importance of Consistent Spacing and Typography in Design and Development

Guide to Unit 8 Size Padding, Margin, and Typography Standards

Higher order functions is a term given to functions that operate with other functions.

Higher Order Functions in JavaScript

When dealing with data of type number, string, or boolean, it's perfectly fine to pass the default value and let TypeScript infer guess the type.

Here's how I use TypeScript with useState in React 👇

Learn everything you need to know about JavaScript arrays, including creating arrays, accessing elements, updating values, looping through arrays, and common methods with practical examples.

JavaScript Arrays: A Complete Beginner's Guide

Hoisting in JavaScript does not move variables to the top.

JavaScript Hoisting: Memory Allocation and Execution

Learn the fundamentals of JavaScript objects, including creating objects, accessing properties, methods, nested objects, destructuring, and best practices.

JavaScript Objects: A Complete Beginner's Guide

Learn the Mobile-First approach to responsive web design with practical CSS examples, media queries, best practices, and performance tips.

Mobile-First CSS: Why It Matters and How to Build Responsive Websites

Redirecting users from one page to another is a very common operation in web applications.

Navigate To The Previous and Next Page In JavaScript

There is a new way to use the group by operation in JavaScript! It's very easy.

New Way to Use the Group By Operation in JavaScript

In JavaScript, objects can share methods through prototypes.

JavaScript Prototypes and Object.create👇

Learn how to organize SCSS using a scalable architecture with partials, components, layouts, utilities, and modern best practices.

Recommended SCSS Folder Structure for Scalable Projects

Recursion can be useful when dealing with nested structures like folder and file trees.

Rendering React Components Recursively

learn a few different ways to return an object from an arrow function

Ways to Return an Object from an Arrow Function

This is where Sass/SCSS and BEM (Block Element Modifier) come into play.

SCSS and BEM: A Perfect Match

GraphQL is a powerful query language for APIs that allows clients to request exactly the data they need.

Simple GraphQL Example in React

In this article, we'll explore a simple example of building a GraphQL API using TypeScript, TypeORM, and TypeGraphQL. We'll create a basic task management application with CRUD operations.

Simple GraphQL Example with TypeScript, TypeORM, and TypeGraphQL

As a frontend developer, I've learned that simplicity is the key to writing efficient and effective code. 

Simplify Your Code with a Simple Trick

how to use JavaScript to find a substring inside a string.

Find a Substring inside a String in JavaScript

Learn what JavaScript closures are, how they work, and why they are essential for modern JavaScript development.

Understanding JavaScript Closures: A Complete Guide

Did you know you can pass a function to useState in React? Here's how it works.

Using a Function with useState in React

In this post, you'll learn how to use an async function inside your React useEffect hook.

Using Async Await Inside React's useEffect() Hook

We can use object literals instead of switch case that can be better in terms of readability and maintainability.