@i-break-prod.bsky.social
Today I finally sat down and really understood why React cares so much about keys and how the whole render cycle works.
Keys are just how React keeps track of items in a list. When you map over an array, each.
Keys are just how React keeps track of items in a list. When you map over an array, each.
January 25, 2026 at 3:56 PM
Today I finally sat down and really understood why React cares so much about keys and how the whole render cycle works.
Keys are just how React keeps track of items in a list. When you map over an array, each.
Keys are just how React keeps track of items in a list. When you map over an array, each.
Hooks must sit at top level in components. State remembers between renders, local vars reset. Effects sync external stuff like dom—layout for reads, update for state checks. Bad deps mean extra renders and slowdowns. Keeps things smooth.
January 23, 2026 at 2:27 PM
Hooks must sit at top level in components. State remembers between renders, local vars reset. Effects sync external stuff like dom—layout for reads, update for state checks. Bad deps mean extra renders and slowdowns. Keeps things smooth.
Throttling slows request spikes by queuing them gradually like speed bumps. Rate limiting caps requests like 100 per minute then blocks with 429 errors. Both protect APIs—one spreads load, other enforces strict limits. Took me a bit to get straight.
January 22, 2026 at 3:03 PM
Throttling slows request spikes by queuing them gradually like speed bumps. Rate limiting caps requests like 100 per minute then blocks with 429 errors. Both protect APIs—one spreads load, other enforces strict limits. Took me a bit to get straight.
Env files slow deployments with copies and leak risks. AWS Secrets Manager stores secrets secure, retrieves as vars, auto rotates. I use Infisical same way—easy local/deploy pulls. Makes life smoother.
January 21, 2026 at 2:21 PM
Env files slow deployments with copies and leak risks. AWS Secrets Manager stores secrets secure, retrieves as vars, auto rotates. I use Infisical same way—easy local/deploy pulls. Makes life smoother.
React notes headache: effects sync external state like storage, but component side lags—gotta trigger renders. Layout/update effects only if deps change, wrong deps mean endless re-renders. Clean or suffer perf hell. Time to code and probably loop forever haha.
January 20, 2026 at 10:40 AM
React notes headache: effects sync external state like storage, but component side lags—gotta trigger renders. Layout/update effects only if deps change, wrong deps mean endless re-renders. Clean or suffer perf hell. Time to code and probably loop forever haha.
Deepak and Krishna schooled me on LangChain/LangGraph memory: short-term chats, long-term facts, semantic/episodic prefs. RAG: chunk by type—paragraphs semantic, tables markdown, PDFs w/images. Gonna build and mess up first try haha, dev life.
January 19, 2026 at 5:45 PM
Deepak and Krishna schooled me on LangChain/LangGraph memory: short-term chats, long-term facts, semantic/episodic prefs. RAG: chunk by type—paragraphs semantic, tables markdown, PDFs w/images. Gonna build and mess up first try haha, dev life.
React state updater phase: queues changes → batch check → DOM commit if needed. Batching saves re-renders (React 18 auto). Profiler spots slow trees. Effects check deps on change—miss one, loop hell. Relatable debug win. Notes diagram it clear.
January 19, 2026 at 2:15 PM
React state updater phase: queues changes → batch check → DOM commit if needed. Batching saves re-renders (React 18 auto). Profiler spots slow trees. Effects check deps on change—miss one, loop hell. Relatable debug win. Notes diagram it clear.
Node.js event loop cycle: timers (expired timeouts) → poll (I/O w/timer limit) → check (setImmediate). nextTick highest, before phases/microtasks. Microtasks separate. Notes: process 1 callback/phase fully, repeat till empty. Diagram shows queue flow.
January 19, 2026 at 9:00 AM
Node.js event loop cycle: timers (expired timeouts) → poll (I/O w/timer limit) → check (setImmediate). nextTick highest, before phases/microtasks. Microtasks separate. Notes: process 1 callback/phase fully, repeat till empty. Diagram shows queue flow.
Keep components PURE in your React App!!!
A component is expected to be a pure function by React and strict mode helps you verify it.
A function is pure when it's output is always some for the same inputs.
A component is expected to be a pure function by React and strict mode helps you verify it.
A function is pure when it's output is always some for the same inputs.
January 18, 2026 at 6:41 AM
Keep components PURE in your React App!!!
A component is expected to be a pure function by React and strict mode helps you verify it.
A function is pure when it's output is always some for the same inputs.
A component is expected to be a pure function by React and strict mode helps you verify it.
A function is pure when it's output is always some for the same inputs.
Learnt ESM basics: import/export modules with scoped code, native in type="module" and great for tree‑shaking. Supports top‑level await, easy polyfill packaging, and hoisted imports so modules load before running.
January 17, 2026 at 8:05 PM
Learnt ESM basics: import/export modules with scoped code, native in type="module" and great for tree‑shaking. Supports top‑level await, easy polyfill packaging, and hoisted imports so modules load before running.
Node.js’s libuv event loop makes single-threaded JS feel async by cycling phases: timers → pending → idle/prepare → poll → check → close, each with its own callback queue. process.nextTick runs after the current operation but before any phase or promise microtasks, so overuse can starve the loop.
January 17, 2026 at 8:01 PM
Node.js’s libuv event loop makes single-threaded JS feel async by cycling phases: timers → pending → idle/prepare → poll → check → close, each with its own callback queue. process.nextTick runs after the current operation but before any phase or promise microtasks, so overuse can starve the loop.