Tech Watch RSS Feed

All the articles I've selected.

• Open-Closed Principle (OCP) In React: Write Extensible Components

  Published:Apr 24, 2025 |  at 01:40 PM

  (Petar Ivanov)

  A practical look at applying the Open-Closed Principle to React.

  •   react
  •   clean-code
  •   best-practice

• Memoizing components in React: a case for useMemo

  Published:Apr 17, 2025 |  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.

  •   react
  •   memoization
  •   best-practice

• Toast messages in React Server Components

  Published:Apr 17, 2025 |  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.

  •   next
  •   server-components

• Tailwind’s @apply Feature is Better Than it Sounds

  Published:Apr 15, 2025 |  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.

  •   css
  •   tailwind

• React Reconciliation: The Hidden Engine Behind Your Components

  Published:Apr 10, 2025 |  at 02:49 PM

  (Christian Ekrem)

  A deep dive into how React's reconciliation algorithm works and why it matters for performance

  •   react
  •   best-practice
  •   webperf

• React.memo Demystified: When It Helps and When It Hurts

  Published:Apr 10, 2025 |  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

  •   react
  •   memoization

• Custom Progress Element Using the attr Function

  Published:Apr 10, 2025 |  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.

  •   css

• Event-Driven Architecture for Clean React Component Communication

  Published:Apr 3, 2025 |  at 01:34 PM

  (Nicola Castellani)

  Discover 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.

  •   react
  •   event
  •   best-practice
  •   clean-code

• Deploying a Next.js App to Production in any server

  Published:Apr 3, 2025 |  at 01:15 PM

  (SayBackend)

  Build a docker image of your nextjs app that can be deployed to any server, without any propreitary cloud provider lock-in.

  •   next
  •   ci

• Experimenting with React View Transitions

  Published:Apr 3, 2025 |  at 01:09 PM

  (Addy Osmani)

  A first look at React's new and experimental View Transitions API

  •   react
  •   animation