JavaScript

Below is a multi-atom Jotai Vanilla example (via CDN) that demonstrates: separate atoms for multiple concerns, derived atoms (computed values), write-only atoms (actions), and simple persistence with localStorage. It remains framework-agnostic and runs in a single HTML file.

When people talk about state management, they usually mention big frameworks like React, Vue, or Angular. But what if you want reactive state without committing to a full framework? Enter Jotai Vanilla — a minimal, atomic state management library that doesn’t require React and can even run directly in a

In the ever-evolving world of JavaScript, writing robust, error-resistant code is crucial — especially when dealing with deeply nested objects, API responses, or user-generated data. One of the most underrated but powerful features that can help us achieve this is optional chaining (?.). Let’s unpack this modern feature, explore why and

If you’ve ever dealt with arrays in JavaScript, chances are you’ve stumbled upon nested arrays—arrays that contain other arrays. And when it comes time to process or display that data, you’ll often need to flatten them into a single-level array. Good news: JavaScript has a built-in,

In day-to-day JavaScript development, especially when working with forms, APIs, or data validation, there's one recurring need: "Is this value empty?" While it sounds simple, "empty" can mean different things depending on context — and JavaScript doesn't give us a built-in one-size-fits-all function

Working with arrays in JavaScript is part of everyday life for developers. Whether you're manipulating data from an API, building UI components, or transforming structures for business logic, knowing the right array method can save time, reduce bugs, and improve performance. This guide will walk you through essential