ARIA in React: Stop Using aria-label Wrong
Pages using ARIA average 41% more accessibility errors. Learn the correct ARIA patterns for React: icon buttons, modals, toasts, spinners, and tab panels.
14 min readZeeshan Tofiq
React
4 articles
React beyond component syntax. This section covers ARIA and accessibility patterns in React that survive contact with a screen reader, a walkthrough of the Fiber architecture and what reconciliation actually does frame to frame, and a migration guide from Next.js to TanStack Start. There is also a frontend engineer interview preparation guide. The accessibility material is written against real assistive technology behaviour rather than the ARIA specification alone, since the two diverge more often than the documentation suggests.
React Fiber Architecture Explained: How React Renders UI
React Fiber is the engine behind every React render. Learn how it works: render phase, commit phase, Lanes, and double buffering, explained with analogies.
18 min readZeeshan Tofiq
Migrate Next.js to TanStack Start: Practical Guide with Real Examples
How to migrate a Next.js app to TanStack Start: the two-PR strategy, route migration, replacing next/image, and setting up Nitro, with real production lessons from Railway and Inngest.
29 min readZeeshan Tofiq
Mercor Frontend Engineer Interview: How to Prepare for AI Model Training Jobs
Getting a Mercor frontend engineer interview? Here's what the React and Next.js coding round actually tests, and how to prepare in a weekend.
17 min readZeeshan Tofiq