Ifty's BlogThoughts & Ideas

[DEP0169] DeprecationWarning: url.parse() in Next.js

If you've recently spun up your Next.js dev server and saw a giant `[DEP0169] DeprecationWarning` about `url.parse()` flooding your terminal, don't panic. You can safely ignore it for now.

NextJSNodeJS

Fix Astro "Node.js v18.17.1 Is Not Supported" Error on Cloudflare Pages

Learn why Astro fails to build on Cloudflare Pages with Node 18.17.1 and how to fix it by pinning a supported Node version (18.20.8, 20+, or 22) using .nvmrc or NODE_VERSION.

AstroCloudflare PagesNode.js

How to Save Current Progress and Switch Projects with Git Stash

Learn how to use Git stash to temporarily save your current work progress, switch to other projects or branches, and then restore your changes later. Master the essential Git stash commands for efficient development workflow.

GitVersion ControlWorkflow

How to Remove Accidentally Pushed .env File in Git

Learn how to safely remove an accidentally pushed .env file in Git to protect sensitive information. This guide covers essential steps for handling security risks in version control systems.

Gitenv

Level Up Your Web Design: Essential CSS Selectors You Need to Know

In this article, we will discuss the essential CSS selectors that you need to know to level up your web design skills.

CSSCSS SelectorWeb Design

Intro To React createPortal API

React Dom library exposed many APIs, and createPortal is one of them. With this, you can mount a component in another part of the dom tree. It is widely used to create UIs like tooltips, modals, and popups. We will look into its benefits, drawbacks, and potential applications.

JavaScriptReactJscreatePortal

Most Used TypeScript Utility Types You Should Know

Typescript makes JavaScript dev's life more easier then ever with type safety. Today we will discuss most important and used utility types of typescript to make your DX more comfortable.

TypeScriptUtility TypesTypeScript Types

About useContext in ReactJs?

In the ever-evolving landscape of web development, React stands tall as one of the most popular JavaScript libraries for building user interfaces. Since its inception, React has gained immense popularity, thanks to its efficient state management system. A key player in this system is React Context, which simplifies the process of passing data through the component tree without the need for prop drilling. In this comprehensive guide, we will delve deep into the useContext hook, a crucial tool for working with React Context. By the end of this article, you'll have a thorough understanding of how to use useContext in React to manage state and props effectively.

JavaScriptReactJsuseContext

Merging Arrays Without Duplicates

Sometimes we need to merge 2 or more javascript arrays into one with unique values. Merging arrays in JavaScript using the spread operator is an easy task.

JavaScriptArray