DEV Community

Parsa Jiravand profile picture

Parsa Jiravand

Frontend developer building back-office tools with server-driven UI. Big on clean architecture, TypeScript, and writing about the craft. Currently shipping a dev post a day.

Location Istanbul - Turkey Joined Joined on  Personal website https://github.com/parsajiravand

Education

Master of IT

Pronouns

Parsa

Work

Senior frontend developer

Your Recipe App Is Hiding a Silent Video
parsajiravand profile

Your Recipe App Is Hiding a Silent Video

#javascript #webdev #browser #api
Comments
5 min read

Want to connect with Parsa Jiravand?

Create an account to connect with Parsa Jiravand. You can also sign in below to proceed if you already have an account.

Create Account
Already have an account? Sign in
React Compiler 1.0: What useMemo You Can Delete
parsajiravand profile

React Compiler 1.0: What useMemo You Can Delete

#react #javascript #tutorial #webdev
8
Comments
12 min read
Your Timer Doesn't Know You Tabbed Away
parsajiravand profile

Your Timer Doesn't Know You Tabbed Away

#javascript #webdev #browser #performance
8
Comments 1
4 min read
NestJS Dependency Injection Explained (with Cheat Sheet)
parsajiravand profile

NestJS Dependency Injection Explained (with Cheat Sheet)

#nestjs #node #typescript #tutorial
9
Comments
11 min read
Stop Regex-Parsing document.cookie. Use CookieStore
parsajiravand profile

Stop Regex-Parsing document.cookie. Use CookieStore

#webdev #javascript #browser #frontend
9
Comments 1
5 min read
The await That Silently Breaks navigator.clipboard.writeText()
parsajiravand profile

The await That Silently Breaks navigator.clipboard.writeText()

#webdev #javascript #browser #frontend
11
Comments
5 min read
You're not quiet in meetings, you're editing
parsajiravand profile

You're not quiet in meetings, you're editing

#discuss #career #productivity #beginners
17
Comments
8 min read
Shadow DOM Needed JavaScript to Exist. Now It Doesn't.
parsajiravand profile

Shadow DOM Needed JavaScript to Exist. Now It Doesn't.

#webdev #javascript #html #frontend
18
Comments 2
5 min read
Next.js Cache Components Explained (with Cheat Sheet)
parsajiravand profile

Next.js Cache Components Explained (with Cheat Sheet)

#nextjs #react #webdev #tutorial
8
Comments
12 min read
Your Router Doesn't Intercept Navigation. It Reacts To It.
parsajiravand profile

Your Router Doesn't Intercept Navigation. It Reacts To It.

#javascript #webdev #browser #frontend
8
Comments
5 min read
Debounce and Throttle in JavaScript: The Complete Guide
parsajiravand profile

Debounce and Throttle in JavaScript: The Complete Guide

#javascript #webdev #tutorial #performance
13
Comments 1
11 min read
You Don't Need a WebSocket for That Live Feed
parsajiravand profile

You Don't Need a WebSocket for That Live Feed

#javascript #webdev #tutorial #api
7
Comments
6 min read
Nuxt useState vs ref(): Why Server State Leaks Across Users
parsajiravand profile

Nuxt useState vs ref(): Why Server State Leaks Across Users

#nuxt #ssr #javascript #tutorial
10
Comments
12 min read
Delete Your padding-bottom Aspect-Ratio Hack
parsajiravand profile

Delete Your padding-bottom Aspect-Ratio Hack

#css #webdev #frontend #tutorial
9
Comments
5 min read
React Re-render vs Remount: What Actually Triggers Each
parsajiravand profile

React Re-render vs Remount: What Actually Triggers Each

#react #javascript #tutorial #webdev
19
Comments 1
11 min read
The outline: none Debate Has Been Over Since 2020
parsajiravand profile

The outline: none Debate Has Been Over Since 2020

#css #a11y #webdev #frontend
16
Comments
4 min read
NestJS Request Lifecycle Explained (with Cheat Sheet)
parsajiravand profile

NestJS Request Lifecycle Explained (with Cheat Sheet)

#nestjs #node #typescript #tutorial
21
Comments 1
11 min read
Your Grid Has Invisible Columns: auto-fill vs auto-fit
parsajiravand profile

Your Grid Has Invisible Columns: auto-fill vs auto-fit

#css #webdev #frontend #tutorial
14
Comments
4 min read
You're truncating bios with `.slice()`. `Intl.Segmenter` knows where the emoji actually end.
parsajiravand profile

You're truncating bios with `.slice()`. `Intl.Segmenter` knows where the emoji actually end.

#javascript #webdev #frontend #tutorial
23
Comments 2
5 min read
Delete Your Auto-Resize Textarea JS. CSS Does It Now.
parsajiravand profile

Delete Your Auto-Resize Textarea JS. CSS Does It Now.

#css #webdev #frontend #javascript
18
Comments 1
5 min read
Nobody tells you the question window is closing

Early job ignorance costs credibility fast
parsajiravand profile

Nobody tells you the question window is closing

#discuss #career #beginners #productivity
18
Comments 4
6 min read
JavaScript Closures: The Complete Guide (with Cheat Sheet)
parsajiravand profile

JavaScript Closures: The Complete Guide (with Cheat Sheet)

#javascript #webdev #tutorial #programming
16
Comments
12 min read
CSS Animations Can't Pause. The Web Animations API Can.
parsajiravand profile

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

#javascript #css #webdev #frontend
12
Comments
5 min read
Vue Reactivity Explained: ref vs reactive (+ Cheat Sheet)
parsajiravand profile

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

#vue #javascript #tutorial #webdev
16
Comments
11 min read
JavaScript Proxy and Reflect: The Complete Guide
parsajiravand profile

JavaScript Proxy and Reflect: The Complete Guide

#javascript #webdev #tutorial #programming
16
Comments 3
13 min read
The CSS Selector Built to Lose Every Fight
parsajiravand profile

The CSS Selector Built to Lose Every Fight

#css #webdev #frontend #programming
20
Comments 1
5 min read
One version bump, 40 files to edit. Import maps fix that.
parsajiravand profile

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

#javascript #webdev #frontend #browser
16
Comments
5 min read
Your fetch in beforeunload is silently killed. navigator.sendBeacon guarantees delivery.
parsajiravand profile

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

#javascript #webdev #frontend #performance
19
Comments 1
4 min read
The Modal Was Open. So Was Everything Behind It.
parsajiravand profile

The Modal Was Open. So Was Everything Behind It.

#html #a11y #webdev #frontend
16
Comments
5 min read
Stop Writing Regex to Match URLs — The Browser Already Can
parsajiravand profile

Stop Writing Regex to Match URLs — The Browser Already Can

#javascript #webdev #browser #frontend
18
Comments
5 min read
Stop Writing Media Queries for Font Size
parsajiravand profile

Stop Writing Media Queries for Font Size

#css #webdev #frontend #a11y
16
Comments 1
4 min read
I Ripped Out a Carousel Library. CSS Replaced It.
parsajiravand profile

I Ripped Out a Carousel Library. CSS Replaced It.

#css #webdev #frontend #tutorial
22
Comments 1
4 min read
Stop Writing Math.cos() in a Resize Listener
parsajiravand profile

Stop Writing Math.cos() in a Resize Listener

#css #webdev #javascript #frontend
21
Comments
4 min read
I Can Finally Delete My max-height: 9999px Animation Hack
parsajiravand profile

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

#css #webdev #frontend #animation
26
Comments
5 min read
Five tabs open, one refresh token — the race nobody noticed

Reveals why multi-tab apps trigger sudden logouts
parsajiravand profile

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

#javascript #webdev #frontend #async
24
Comments 4
5 min read
You copy and reverse the array to find the last match. `findLast()` searches from the end directly.
parsajiravand profile

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

#javascript #webdev #frontend #typescript
23
Comments
3 min read
Your `fetch()` in `beforeunload` is being silently dropped. Use `navigator.sendBeacon()`.
parsajiravand profile

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

#javascript #webdev #frontend #performance
26
Comments 2
4 min read
You're blocking touchmove events to contain scroll. `overscroll-behavior` does it natively.
parsajiravand profile

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

#css #webdev #frontend #javascript
22
Comments
4 min read
You're polling setInterval to detect DOM changes. `MutationObserver` fires when they happen.
parsajiravand profile

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

#javascript #webdev #frontend #dom
22
Comments
4 min read
You're importing pako to gzip data. `CompressionStream` does it natively.
parsajiravand profile

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

#javascript #webdev #frontend #performance
28
Comments 2
4 min read
Stop using the localStorage hack to sync browser tabs. BroadcastChannel does it natively.

Avoids localStorage cleanup bugs
parsajiravand profile

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

#javascript #webdev #frontend #api
56
Comments 14
4 min read
You built your modal with a `<div>` and a focus trap library. The native `<dialog>` does all of that.
parsajiravand profile

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

#html #webdev #frontend #javascript
20
Comments
4 min read
Stop importing `uuid`. `crypto.randomUUID()` has been native since 2021.
parsajiravand profile

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

#javascript #webdev #frontend #performance
20
Comments
3 min read
You're installing date-fns for 'X hours ago'. `Intl.RelativeTimeFormat` does it natively.
parsajiravand profile

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

#javascript #webdev #frontend #intl
22
Comments
4 min read
You use `obj.hasOwnProperty(key)` to check property ownership. It can silently fail. `Object.hasOwn()` is the safe replacement.
parsajiravand profile

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

#javascript #webdev #frontend #typescript
17
Comments
4 min read
Container queries can check more than size — style queries let components read custom property values
parsajiravand profile

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

#css #webdev #frontend #components
23
Comments
4 min read
You're collecting async iterable results with a for-await loop. `Array.fromAsync` does it in one call.
parsajiravand profile

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

#javascript #webdev #frontend #async
23
Comments
4 min read
Your browser renders everything, even what you can't see — `content-visibility: auto` fixes that
parsajiravand profile

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

#css #webdev #performance #frontend
42
Comments 1
4 min read
CORS Explained: The Complete Guide (with Cheat Sheet)
parsajiravand profile

CORS Explained: The Complete Guide (with Cheat Sheet)

#webdev #security #javascript #tutorial
23
Comments 7
13 min read
Your UI is freezing because you never gave the browser a break
parsajiravand profile

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

#javascript #webdev #performance #frontend
21
Comments
4 min read
You're writing dark-mode colors twice. `light-dark()` fixes that.
parsajiravand profile

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

#css #webdev #frontend #javascript
20
Comments
5 min read
You've been wrapping `new URL()` in try/catch. `URL.parse()` does it natively.
parsajiravand profile

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

#javascript #webdev #frontend #typescript
21
Comments
5 min read
CSS has no native scoping. `@scope` changes that.
parsajiravand profile

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

#css #webdev #frontend #javascript
28
Comments 3
5 min read
Array methods are eager. Iterator helpers are lazy. Here's why that matters.
parsajiravand profile

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

#javascript #webdev #frontend #performance
22
Comments
4 min read
You reach for Sass to mix colors. `color-mix()` does it natively.
parsajiravand profile

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

#css #webdev #frontend #javascript
22
Comments
4 min read
You hand-edit headlines to avoid orphaned words. `text-wrap: balance` does it natively.
parsajiravand profile

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

#css #webdev #frontend #javascript
17
Comments
4 min read
You copy and reverse the array to find the last match. `findLast()` searches from the end directly.
parsajiravand profile

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

#javascript #webdev #frontend #typescript
22
Comments 1
3 min read
You're watching `window` to detect element size changes. `ResizeObserver` watches the element itself.
parsajiravand profile

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

#javascript #webdev #frontend #performance
22
Comments 1
4 min read
You use a setTimeout to trigger CSS entry animations. `@starting-style` makes it unnecessary.
parsajiravand profile

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

#css #webdev #frontend #javascript
19
Comments 1
4 min read
You still write `finally { resource.close() }`. The `using` keyword does it automatically.
parsajiravand profile

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

#typescript #javascript #webdev #frontend
14
Comments 3
4 min read
loading...