Being a modern React developer is not only about understanding the core concepts of React but also about getting well versed with the whole ecosystem of React. This includes having the knowl...

If you're looking to generate sitemaps for your Next.js website, the next-sitemap npm package is a great tool to help you with that. In this tutorial, I'll guide you through the process of u...

ESRI maps are widely used in web application development because they provide a comprehensive set of tools for creating and working with maps. React is a popular JavaScript library for build...

Introduction When building a modern, responsive website, navigation plays a crucial role in user experience. A sticky or affix navigation bar remains visible at the top of the screen as user...

👋 Introduction Let's make the simplest but understandable Kubernetes example ever. Video version: {% youtube noJmOirhHKM %} We will create our first example with Kubernetes starting from sc...

Dockerize a Python application - Intro This article will show how to dockerize a simple Python application. If you prefer a video version, you can find it here: All the code is available in...

Are you looking to break into web development but don't know where to start? Learning CSS is a great place to begin your journey, and lucky for you, there are tons of great online resources...

Introduction Visual Studio Code (VS Code) is a popular, lightweight, and powerful source code editor developed by Microsoft. It has extensive support for JavaScript and TypeScript, making it...

Have you ever run into a problem when trying to run “npm start”? If so, you’re certainly not the only one. It can be incredibly frustrating when the command you think will execute your node...

Are you writing code that needs to quickly access properties or invoke methods of an object—without worrying if the object or related data is null or undefined? If so, then you need optional...

If you're new to coding, the term 'slice method' may be daunting. Put simply, the slice method is a powerful JavaScript tool that lets you extract sections of an array or string. It's one of...

The useEffect hook is one of the most important hooks of React. It allows you to perform effects in a declarative way, instead of using imperative code inside React components. It offers a s...

CSS is an essential part of web development, as it determines most of the layout and appearance of websites. If you are looking to brush up on your CSS skills, these can be a great way to le...

Have you ever felt like you're stuck in a loop while writing your CSS? Does the thought of using parent selectors to simplify your code seem like an impossible task? Not sure where to start...

If you're a JavaScript newbie or avid reader or pro or anything, you know that forEach is an incredibly useful tool. But what, exactly, is it and how does it work? forEach is a built-in arra...

Whatever type of developer you are, staying up-to-date with the latest news and trends is the key to success. But with so many sources and tools available, it can be overwhelming to keep tra...

Have you been trying to learn more about CSS selectors, but feeling a little overwhelmed? Well, you're in the right place! Mastering CSS selectors don't have to be a daunting task. You can s...

Custom directives in Vuejs 3 are one of those things where there is no compatibility with the previous version of the framework. Working on the new version of the Inspector frontend dashboar...

Have you ever wanted to understand how URLs work in JavaScript? If so, then you've come to the right place! In this article, we'll be diving deep into the topic of URL parsing in JavaScript...

If you’re coding in JavaScript, chances are you’ve come across the need to merge two or more arrays. And while there's no one-size-fits-all approach to combining arrays, there are a few diff...

Sign up to my newsletter for more tutorials!. JavaScript is a popular programming language used to create interactive websites and web applications. One of the most useful features of Java...

Have you ever used an event bus in Vue 2 and don't know how to recreate it in Vue 3? Since I'm working on the 2.0 version of my product's UI (to be released in May) I'm publishing some techn...

Hey, there fellow developers! Today we're going to dive into the world of CSS color functions. You might have used CSS to change the color of an element on a web page, but have you ever hear...

Python is a high-level, interpreted programming language that is widely used for a variety of applications, including web development, scientific computing, data analysis, artificial intelli...

As a designer or developer, you know that Chrome is one of the most important tools in your arsenal. And with so many extensions available, it's hard to know which ones are really worth your...

You've probably heard this before: web accessibility is important. But what does that mean for you, the web developer? Simply put, it means creating a website that can be used by as many peo...

As many of our community mamebers already know, we recently started the renovation of the Inspector dashboard UI with a fresh new design and a modern technology stack. In this article I will...

In React, props are a way to pass data from a parent component to a child component. Props are essentially arguments that you can pass to a React component. They are similar to function argu...

Previously I discussed creating your first react app, in this post, we'll learn more about, props, states, creating your first react component, and many things. {% bmc rahuldotbiz %} So, Wha...

JSX is a powerful tool for building user interfaces that is easy to read and understand, and can improve the performance and maintainability of your code. In this blog post we will learn abo...