Tech watch #13
A curated selection of articles for React frontend developers, focusing on architecture, performance, and best practices
📝 My latest articles
Last week, I've published one article:
Level Up React: Mastering useReducer for structured state management - Complete guide to React's useReducer hook - from basic concepts to advanced implementation. Learn how to structure complex state logic, manage interdependent state, and create maintainable React applications with practical e-commerce cart examples, TypeScript integration, and testing strategies.
🔍 Tech watch highlights
This week's technology watch dives deep into React, Next, Tailwind and CSS:
Custom Progress Element Using the attr Function - 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.
React.memo Demystified: When It Helps and When It Hurts - A deep dive into React's memoization tools and the hidden pitfalls that make them harder to use than you think
React Reconciliation: The Hidden Engine Behind Your Components - A deep dive into how React's reconciliation algorithm works and why it matters for performance
Tailwind’s apply Feature is Better Than it Sounds - 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.
Toast messages in React Server Components - 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.
Memoizing components in React: a case for useMemo - 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.
🔗 Stay connected
Want to connect or follow my work? You can find me on:
Website: 56kode.com
Twitter: @56_kode
Bluesky: @56kode.bsky.social
LinkedIn: Flavien Beninca
Feel free to reach out or follow me on any of these platforms for regular updates on web development, best practices, and technology insights!

