Tag: react
All the articles with the tag "react".
My posts
Example of Using useSyncExternalStore with LocalStorage
Published: at 06:26 PMLearn how to efficiently synchronize application state with external data sources like LocalStorage using React's useSyncExternalStore hook, with a practical example and detailed explanation.
Tech Watch Posts
React Internals: Which useEffect runs first?
Published: at 01:49 PMIt's not particularly obvious, but a child's useEffect will run before a parent's will. Let's look at why.
Faster Lazy Loading in React Router v7.5+
Published: at 01:58 PMReact Router v7.5 now supports a faster, more granular approach to lazy loading route code in Data Mode
Simplify TanStack React Query State Handling with Pattern Matching
Published: at 01:50 PMHow pattern matching can help elegantly handle different states (loading, error, success, empty) of TanStack React Query, making your components cleaner and more type-safe.
Open-Closed Principle (OCP) In React: Write Extensible Components
Published: at 01:40 PMA practical look at applying the Open-Closed Principle to React.
Memoizing components in React: a case for useMemo
Published: at 02:24 PMReact.memo is often used to optimize component rendering, but useMemo offers more control and transparency. This article explains why useMemo could be a solution too to memoize components in React applications until the React Compiler take care of it for us.
React Reconciliation: The Hidden Engine Behind Your Components
Published: at 02:49 PMA deep dive into how React's reconciliation algorithm works and why it matters for performance
React.memo Demystified: When It Helps and When It Hurts
Published: at 02:37 PMA deep dive into React's memoization tools and the hidden pitfalls that make them harder to use than you think
Event-Driven Architecture for Clean React Component Communication
Published: at 01:34 PMDiscover how event-driven architecture simplifies React component communication and eliminates prop drilling. Learn to implement a custom useEvent hook for cleaner, more maintainable code with real-world examples.
Experimenting with React View Transitions
Published: at 01:09 PMA first look at React's new and experimental View Transitions API
SSR Deep Dive for React Developers
Published: at 02:40 PMExplore step-by-step how Server-Side Rendering (SSR), pre-rendering, hydration, and Static Site Generation (SSG) work in React, their costs, performance impact, benefits, and trade-offs.