Flutternew tab

Guard setState with mounted after an await, or it throws on a popped route

Future<void> _load() async {
  final data = await api.fetch();   // user can pop the route during this gap
  if (!mounted) return;             // bail before touching a dead State
  setState(() => _items = data);
…

@Ahmed-Ibrahim-a-a

Community-curated· Contributor-credited

One
atomic
tip per tab.

Your name on every reader's new tab.

A free browser extension for Flutter engineers. Every new tab shows one tip. Learn one thing, ship better code.

Install for Chrome — free Contribute a tip →

No tracking. No account. Press Esc, get a blank tab.

12tips

3contributors

6stacks

How it works

Write once.
Seen on every new tab.

Merge one tip and your name appears on every reader's new tab — permanently.

Write a tip

Open a PR with your atomic tip — code block first, explanation, your GitHub handle. Human-authored. Human-reviewed.

Get reviewed & merged

Maintainer reviews for clarity. CI validates the schema, checks for duplicates, assigns a permanent tip ID.

Your name, every new tab

Every reader's new tab shows your author card. Your credit is permanent — not just a like, a byline for life.

Browse by stack

12 tips

Guard setState with mounted after an await, or it throws on a popped route

FLUTTER

await inside a State opens a window where the user can navigate away before the future resolves. When it finally does,…

stateasync

@Ahmed-Ibrahim-a-a

The stale closure, your debounced callback saves old state

REACT

Stabilizing a debounce with useMemo(() => debounce(fn, 300), []) fixes one bug and creates a worse one: the callback is…

react19debounce

@DevDhaif

Turn N+1 queries into errors in development with preventLazyLoading()

LARAVEL

Called in a service provider, this throws a LazyLoadingViolationException whenever a relation is accessed without being…

eloquentperformance

@hnooz

Auto-delete stale records with the Prunable trait instead of a custom command

LARAVEL

Add Prunable and a prunable() query, and model:prune (scheduled) deletes matching rows in chunks — no bespoke cleanup c…

eloquentmaintenance

@hnooz

Use whenLoaded() in API resources to avoid firing queries during serialization

LARAVEL

Referencing $this->posts directly in a resource lazy-loads the relation for every model when it wasn't eager-loaded — a…

eloquentapi-resources

@hnooz

Validate and convert date query params at the boundary with ParseDatePipe

NESTJS

NestJS 11 ships ParseDatePipe, which validates an incoming date string and hands your handler a real Date. Parsing date…

nestjs11pipes

@hnooz

Configure a strict global ValidationPipe to strip unknown fields and coerce DTOs

NESTJS

whitelist: true removes any property not declared with a validation decorator — your defense against mass-assignment, s…

nestjsvalidation

@hnooz

Share state across components with useState, never a module-level ref, on SSR

NUXT

On the server a module-level ref is created once and shared by every request, so one user's cart can leak into another'…

nuxt4state

@hnooz

Handle form mutations with built-in pending and error state via useActionState

REACT

useActionState wraps an async action and returns the last result, the action to bind to a <form action>, and a pending…

react19forms

@hnooz

Replace modelValue/update boilerplate with defineModel() for v-model

VUE

defineModel() returns a writable ref wired to the parent's v-model, collapsing the modelValue prop plus update:modelVal…

v-modelcomponents

@hnooz

Cancel stale async work in watchers with onWatcherCleanup()

VUE

Registered inside the watcher callback, onWatcherCleanup runs before the next invocation and on stop. It removes the ma…

watchersasync

@hnooz

Generate hydration-safe unique IDs with useId() for accessibility

VUE

useId() produces IDs that are stable and identical across server render and client hydration, so label/for and aria-des…

ssraccessibility

@hnooz

Community

The developers who built the foundation.

Every tip carries their name, permanently — across every reader's new tab.

One tip per tab.
Your name, permanently.

Install the extension. Every new tab, one atomic tip from a real developer. When you contribute, your name lives there too.

Install for Chrome — free Contribute a tip →

Oneatomictip per tab.

Write once.Seen on every new tab.

Write a tip

Get reviewed & merged

Your name, every new tab

Browse by stack

Guard setState with mounted after an await, or it throws on a popped route

The stale closure, your debounced callback saves old state

Turn N+1 queries into errors in development with preventLazyLoading()

Auto-delete stale records with the Prunable trait instead of a custom command

Use whenLoaded() in API resources to avoid firing queries during serialization

Validate and convert date query params at the boundary with ParseDatePipe

Configure a strict global ValidationPipe to strip unknown fields and coerce DTOs

Share state across components with useState, never a module-level ref, on SSR

Handle form mutations with built-in pending and error state via useActionState

Replace modelValue/update boilerplate with defineModel() for v-model

Cancel stale async work in watchers with onWatcherCleanup()

Generate hydration-safe unique IDs with useId() for accessibility

The developers who built the foundation.

One tip per tab.Your name, permanently.

One
atomic
tip per tab.

Write once.
Seen on every new tab.

One tip per tab.
Your name, permanently.