Tech Watch RSS Feed
All the articles I've selected.
React Internals: Which useEffect runs first?
Published: at 01:49 PM(Teng Wei Herr)It'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 PM(Mark Dalgleish)React 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 PM(Gabriel Pichot)How 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 PM(Petar Ivanov)A practical look at applying the Open-Closed Principle to React.
Memoizing components in React: a case for useMemo
Published: at 02:24 PM(Gabriel Pichot)React.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.
Toast messages in React Server Components
Published: at 02:14 PM(Ryan Toronto)Learn how to add toast messages in Next.js using React Server Components, cookies, useOptimistic, and Sonner. This tutorial covers server actions, dismissible toasts, and optimistic UI updates for seamless feedback.
Tailwind’s @apply Feature is Better Than it Sounds
Published: at 02:19 PM(Zell Liew)Most of the time, people showcase Tailwind's @apply feature with one of Tailwind's single-property utilities (which changes a single CSS declaration). When showcased this way, @apply doesn't sound promising at all. So obviously, nobody wants to use it. Personally, I think Tailwind's @apply feature is better than described.
React Reconciliation: The Hidden Engine Behind Your Components
Published: at 02:49 PM(Christian Ekrem)A 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 PM(Christian Ekrem)A deep dive into React's memoization tools and the hidden pitfalls that make them harder to use than you think
Custom Progress Element Using the attr Function
Published: at 02:30 PM(Temani Afif)Learn how to style a custom progress element in CSS using the attr() function. Discover modern techniques like dynamic coloration, gradient tricks, and conditional logic.