Parsa Jiravand

6 min read

Parsa Jiravand

Aug 25

JavaScript Closures: The Complete Guide (with Cheat Sheet)

#javascript #webdev #tutorial #programming

8

12 min read

Parsa Jiravand

Aug 25

CSS Animations Can't Pause. The Web Animations API Can.

#javascript #css #webdev #frontend

9

5 min read

Parsa Jiravand

Aug 24

Vue Reactivity Explained: ref vs reactive (+ Cheat Sheet)

#vue #javascript #tutorial #webdev

13

11 min read

Parsa Jiravand

Aug 24

JavaScript Proxy and Reflect: The Complete Guide

#javascript #webdev #tutorial #programming

13

13 min read

Parsa Jiravand

Aug 24

The CSS Selector Built to Lose Every Fight

#css #webdev #frontend #programming

5 min read

Parsa Jiravand

Aug 23

One version bump, 40 files to edit. Import maps fix that.

#javascript #webdev #frontend #browser

5 min read

Parsa Jiravand

Aug 22

Your fetch in beforeunload is silently killed. navigator.sendBeacon guarantees delivery.

#javascript #webdev #frontend #performance

4 min read

Parsa Jiravand

Aug 21

The Modal Was Open. So Was Everything Behind It.

#html #a11y #webdev #frontend

5 min read

Parsa Jiravand

Aug 20

Stop Writing Regex to Match URLs — The Browser Already Can

#javascript #webdev #browser #frontend

17

5 min read

Parsa Jiravand

Aug 19

Stop Writing Media Queries for Font Size

#css #webdev #frontend #a11y

4 min read

Parsa Jiravand

Aug 18

I Ripped Out a Carousel Library. CSS Replaced It.

#css #webdev #frontend #tutorial

4 min read

Parsa Jiravand

Aug 17

Stop Writing Math.cos() in a Resize Listener

#css #webdev #javascript #frontend

21

4 min read

Parsa Jiravand

Aug 16

I Can Finally Delete My max-height: 9999px Animation Hack

#css #webdev #frontend #animation

26

5 min read

Reveals why multi-tab apps trigger sudden logouts

Parsa Jiravand

Aug 15

Five tabs open, one refresh token — the race nobody noticed

#javascript #webdev #frontend #async

24

5 min read

Parsa Jiravand

Aug 14

You copy and reverse the array to find the last match. `findLast()` searches from the end directly.

#javascript #webdev #frontend #typescript

3 min read

Parsa Jiravand

Aug 13

Your `fetch()` in `beforeunload` is being silently dropped. Use `navigator.sendBeacon()`.

#javascript #webdev #frontend #performance

26

4 min read

Parsa Jiravand

Aug 12

You're blocking touchmove events to contain scroll. `overscroll-behavior` does it natively.

#css #webdev #frontend #javascript

4 min read

Parsa Jiravand

Aug 11

You're polling setInterval to detect DOM changes. `MutationObserver` fires when they happen.

#javascript #webdev #frontend #dom

4 min read

Parsa Jiravand

Aug 10

You're importing pako to gzip data. `CompressionStream` does it natively.

#javascript #webdev #frontend #performance

28

4 min read

Avoids localStorage cleanup bugs

Parsa Jiravand

Aug 9

Stop using the localStorage hack to sync browser tabs. BroadcastChannel does it natively.

#javascript #webdev #frontend #api

56

4 min read

Parsa Jiravand

Aug 8

You built your modal with a `<div>` and a focus trap library. The native `<dialog>` does all of that.

#html #webdev #frontend #javascript

4 min read

Parsa Jiravand

Aug 8

Stop importing `uuid`. `crypto.randomUUID()` has been native since 2021.

#javascript #webdev #frontend #performance

3 min read

Parsa Jiravand

Aug 7

You're installing date-fns for 'X hours ago'. `Intl.RelativeTimeFormat` does it natively.

#javascript #webdev #frontend #intl

4 min read

Parsa Jiravand

Aug 6

You use `obj.hasOwnProperty(key)` to check property ownership. It can silently fail. `Object.hasOwn()` is the safe replacement.

#javascript #webdev #frontend #typescript

17

4 min read

Parsa Jiravand

Aug 6

Container queries can check more than size — style queries let components read custom property values

#css #webdev #frontend #components

4 min read

Parsa Jiravand

Aug 5

You're collecting async iterable results with a for-await loop. `Array.fromAsync` does it in one call.

#javascript #webdev #frontend #async

4 min read

Parsa Jiravand

Aug 4

Your browser renders everything, even what you can't see — `content-visibility: auto` fixes that

#css #webdev #performance #frontend

42

4 min read

Parsa Jiravand

Aug 3

CORS Explained: The Complete Guide (with Cheat Sheet)

#webdev #security #javascript #tutorial

7

13 min read

Parsa Jiravand

Aug 3

Your UI is freezing because you never gave the browser a break

#javascript #webdev #performance #frontend

21

4 min read

Parsa Jiravand

Aug 2

You're writing dark-mode colors twice. `light-dark()` fixes that.

#css #webdev #frontend #javascript

5 min read

Parsa Jiravand

Aug 1

You've been wrapping `new URL()` in try/catch. `URL.parse()` does it natively.

#javascript #webdev #frontend #typescript

21

5 min read

Parsa Jiravand

Jul 31

CSS has no native scoping. `@scope` changes that.

#css #webdev #frontend #javascript

28

5 min read

Parsa Jiravand

Jul 30

Array methods are eager. Iterator helpers are lazy. Here's why that matters.

#javascript #webdev #frontend #performance

4 min read

Parsa Jiravand

Jul 29

You reach for Sass to mix colors. `color-mix()` does it natively.

#css #webdev #frontend #javascript

4 min read

Parsa Jiravand

Jul 28

You hand-edit headlines to avoid orphaned words. `text-wrap: balance` does it natively.

#css #webdev #frontend #javascript

17

4 min read

Parsa Jiravand

Jul 27

You copy and reverse the array to find the last match. `findLast()` searches from the end directly.

#javascript #webdev #frontend #typescript

3 min read

Parsa Jiravand

Jul 26

You're watching `window` to detect element size changes. `ResizeObserver` watches the element itself.

#javascript #webdev #frontend #performance

4 min read

Parsa Jiravand

Jul 25

You use a setTimeout to trigger CSS entry animations. `@starting-style` makes it unnecessary.

#css #webdev #frontend #javascript

19

4 min read

Parsa Jiravand

Jul 24

You still write `finally { resource.close() }`. The `using` keyword does it automatically.

#typescript #javascript #webdev #frontend

4 min read

Parsa Jiravand

Jul 23

You've been doing Set math by hand. JavaScript finally shipped `.union()`, `.intersection()`, and friends.

#javascript #webdev #frontend #typescript

4 min read

Parsa Jiravand

Jul 22

You keep escaping the Promise constructor. `Promise.withResolvers` does it right.

#javascript #webdev #typescript #asyncjs

4 min read

Watch out for the positional argument footgun

Parsa Jiravand

Jul 21

You're rethrowing errors and losing context. `Error.cause` fixes that.

#javascript #webdev #node #typescript

25

7

4 min read

Parsa Jiravand

Jul 20

TypeScript Generics: The Complete Guide (with Cheat Sheet)

#typescript #javascript #tutorial #webdev

5

12 min read

Parsa Jiravand

Jul 19

Your scroll listener fires on every pixel. `IntersectionObserver` fires when visibility actually changes.

#javascript #webdev #frontend #performance

16

4 min read

Parsa Jiravand

Jul 18

You're using Floating UI to position your tooltip. The browser does it natively now.

#css #webdev #frontend #javascript

5 min read

Parsa Jiravand

Jul 17

Your `margin-left` doesn't exist in Arabic. CSS logical properties fix that.

#css #webdev #frontend #html

4 min read

Parsa Jiravand

Jul 16

Your CSS Grid cards look misaligned. `subgrid` is the fix you didn't know existed.

#css #webdev #frontend #html

10

4 min read

Parsa Jiravand

Jul 15

Your `.sort()` is mutating state. JavaScript finally gave you the fix.

#javascript #webdev #frontend #react

4 min read

Parsa Jiravand

Jul 14

You've been writing this `reduce` a hundred times. `Object.groupBy` does it in one.

#javascript #webdev #frontend #node

16

4 min read

Parsa Jiravand

Jul 13

JavaScript Event Loop Explained: The Complete Guide

#javascript #webdev #tutorial #programming

16

12 min read

Parsa Jiravand

Jul 13

You reach for `Promise.all` for every concurrent request. Here's when to use the other three.

#javascript #webdev #frontend #node

11

4 min read

Parsa Jiravand

Jul 12

Your dropdown is a div. The browser has a native popover now.

#webdev #frontend #javascript #css

4 min read

Parsa Jiravand

Jul 11

Your TypeScript config objects are losing type information. `satisfies` fixes it.

#typescript #webdev #javascript #frontend

4 min read

Parsa Jiravand

Jul 10

You've been deep-cloning objects with a JSON hack. `structuredClone` does it right.

#javascript #webdev #frontend #node

4 min read

Parsa Jiravand

Jul 9

You kept Sass for one reason. Native CSS nesting just ended it.

#css #webdev #frontend #javascript

4 min read

Enabling interpolation via explicit types

Parsa Jiravand

Jul 8

You can't transition a CSS variable. @property says otherwise.

#css #webdev #frontend #javascript