Rethinking React Architecture at Scale: From Hooks to Remote Contexts
The Reality of Large-Scale React Applications Modern React systems often consist of: - Multiple micro‑frontends - Independent build and deployment pipelines -...
The Reality of Large-Scale React Applications Modern React systems often consist of: - Multiple micro‑frontends - Independent build and deployment pipelines -...
I'm excited to share that I've just published a new ebook: ReactJS Beginners Guide! When I started learning React years ago, I struggled to find a single resour...
Overview I was experimenting with the useTransition hook React Docshttps://react.dev/reference/react/useTransition and noticed that when a UI component loses f...
Collocating State is placing a state as close as possible to where it's used. This pattern reduces complexity and makes components easier to understand. Before...
!Cover image for React Hooks and the Rules of Hooks – The Understanding That Finally Clicked for Mehttps://media2.dev.to/dynamic/image/width=1000,height=420,fit...
🧩 The Problem: “Why does each row see a different state?” I had a PrimeReact DataTable where each row contained a button. Clicking the buttons produced output...
Introduction One way to improve performance and reduce unnecessary re‑renders is by lowering the state, especially if it only affects a specific part of the co...
Problems - Too much data on the client - Overuse of useMemo - React Query becomes too complex for on‑chain fetching - Unpredictable re‑renders - Hard‑to‑mainta...
The Problem: State Entropy In large React apps, we often end up manually synchronizing related states. We've all seen or written code like this: tsx const user,...
Hook program cpp LRESULT CALLBACK KeyboardProcint nCode, WPARAM wParam, LPARAM lParam { if nCode == HC_ACTION && wParam == WM_KEYDOWN { KBDLLHOOKSTRUCT kb = KB...
Introduction Passer du frontend pur au full‑stack, c’est le défi que je me suis lancé. Mon portfolio combine React pour l’interface et Firebase pour la puissan...
markdown !Cover image for “The Right Way to Copy to Clipboard in React 2024”https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,for...