Tech watch #12
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:
Advanced number typing in TypeScript - Learn how TypeScript’s advanced number typing techniques—like literal types, branded types, and arithmetic operations at the type level—can enforce strict constraints, prevent bugs, and improve code clarity. This guide covers practical applications in React, including typed props, hooks, and input validation, helping you write safer and more maintainable frontend code. Perfect for developers looking to leverage TypeScript’s full potential beyond basic
numbertypes.
🔍 Tech watch highlights
This week's technology watch dives deep into TypeScript, Next.js, and cutting-edge tooling, with surprises from React and Chrome:
Real-world uses of TypeScript’s utility types - Sam Rose walks us through some real-world usage of TypeScript’s utility types in their day job’s open source codebase to help those new to the language get to grips with this key capability.
The Great ESLint v9 Migration Adventure: A Developer's Survival Guide - Learn how to migrate a TypeScript project to ESLint v9 with this detailed guide. Discover key changes, common challenges, and step-by-step solutions for adopting the new flat config system.
Authorization in Next.js - Learn about authorization in Next.js when using React Server Components, Server Actions, and Next's App Router ...
Is Vite faster than Turbopack? - Is Vite faster than Turbopack? Real-world benchmarks compare cold starts, page compilations, hard refreshes, and Fast Refresh in Next.js (Webpack/Turbopack) vs. Vite (Rollup/Rolldown).
The <select> element can now be customized with CSS - Chrome 135 introduces appearance: base-select, enabling fully customizable & styleable <select> elements with rich HTML support. Learn how to design accessible, standardized dropdowns without breaking old browsers.
Experimenting with React View Transitions - A first look at React's new and experimental View Transitions API
Deploying a Next.js App to Production in any server - Build a docker image of your nextjs app that can be deployed to any server, without any propreitary cloud provider lock-in.
Event-Driven Architecture for Clean React Component Communication - 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.
🔗 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!