Tech Watch RSS Feed
All the articles I've selected.
useActionState in React: A practical guide with examples
Published: at 04:12 PM(Rishi Purwar)Discover how React's useActionState Hook makes it easier to handle user actions, especially form submissions and async state changes.
The Hidden Cost of AI Coding
Published: at 04:18 PM(Matheus Lima)AI coding tools boost productivity but may sacrifice the flow state and deep satisfaction developers experience when writing code by hand. What are we losing?
You can serialize a promise in React
Published: at 04:18 PM(Ryan Toronto)Learn how to serialize a Promise in React for seamless state management and SSR compatibility. Discover practical solutions to handle async data effectively in your React applications.
Cursor Rules for Better AI Development
Published: at 04:13 PM(Matt Pocock)Learn TypeScript cursor-rules for AI development. Covers best practices, JSDoc, structure. Differentiates workspace & global rules for better AI coding
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.