Tech Watch RSS Feed
All the articles I've selected.
How Vercel adopted microfrontends
Published: at 01:23 PMVercel shifted from a monolithic Next.js app to a microfrontend setup, improving build times, local development speed, and performance metrics. This transition enhanced efficiency and page load metrics, using tools like Turborepo and Turbopack.
Server Side State management in NextJS: a deep dive into React Cache
Published: at 01:13 PM(Yoseph.tech)This article explores how Next.js can handle server-side state management using React’s new Cache API. It covers the basics of caching in React, how server components can enhance performance, and practical tips for managing and optimizing state in Next.js applications
Building a Single-Page App with htmx
Published: at 08:16 AM(Jake Lazaroff)The article explores how to use htmx, a modern tool that extends HTML with AJAX-like functionality, to create a single-page application (SPA) without heavy JavaScript frameworks. It demonstrates building an interactive app by sending asynchronous requests and updating page content dynamically, all while maintaining a simple, server-driven approach. This method avoids the complexity of client-side frameworks like React or Vue, making it an appealing choice for lightweight applications.
Handling Form Validation Errors and Resets with useActionState
Published: at 03:21 PM(Aurora Scharff)This article covers using React 19's useActionState hook for form handling, including validation and error management. It shows how to manage form submissions, server-side validation, and state updates while maintaining form data on errors. The post also highlights how to handle form resets and the advantages of progressive enhancement, allowing the form to work even without JavaScript. Alternatives like Reach Hook Form are also mentioned for managing form state.
Unleash JavaScript's Potential with Functional Programming
Published: at 03:13 PM(Jan Hesters)The article on functional programming with JavaScript discusses how this approach can unlock greater potential in coding. It explains how functions are treated as first-class citizens, enabling cleaner, more modular, and reusable code. Key concepts like higher-order functions, immutability, and pure functions are covered, emphasizing their benefits for writing more predictable and testable code. This approach encourages a shift away from traditional imperative coding towards a declarative style that simplifies complex logic.
The Popover API: Your New Best Friend for Tooltips
Published: at 03:09 PM(Sjoerd Beentjes)The article discusses the Popover API, which simplifies the creation and management of tooltips, popovers, and other overlays. It provides developers with a standardized, accessible way to position popovers with HTML and JavaScript. New CSS features like anchor and @position-try help customize popover placement, making it easier to handle viewport overflow and styling. These improvements reduce reliance on complex JavaScript or third-party libraries, although browser support for some features may still be limited.
How to control a React component with the URL
Published: at 01:45 PM(Sam Selikoff)The article on Build UI explains how to sync React components with URL query parameters, focusing on keeping the state consistent between UI elements and the URL. It demonstrates practical steps for using hooks like useSearchParams and useRouter to manage the search input in a React app. By hoisting state into the URL, developers can enable features like back-and-forth navigation, refreshing, and shareable URLs without introducing bugs caused by duplicated states.
Improving rendering performance with CSS content-visibility
Published: at 01:31 PM(Nolan Lawson)Nolan Lawson's article discusses how the CSS property content-visibility can significantly improve rendering performance by skipping the rendering of off-screen elements. This optimization is especially useful for complex or resource-heavy layouts. By hiding non-visible content until needed, developers can reduce layout and painting costs, making pages load and scroll more smoothly. Lawson provides practical examples and benchmarks to demonstrate how using content-visibility can lead to better performance without sacrificing visual integrity.
The Nine Node Pillars
Published: at 01:13 PMThe article explains the fundamental principles of Node.js, focusing on its event-driven, non-blocking nature that makes it efficient for handling asynchronous operations. It emphasizes the single-threaded model of Node.js and how it utilizes event loops to manage concurrent tasks, which is crucial for building scalable network applications. Additionally, the article highlights the modularity of Node.js, making it easier for developers to manage code and leverage reusable components.
Animate to height: auto; (and other intrinsic sizing keywords) in CSS
Published: at 12:28 PM(Bramus)The article introduces the interpolate-size property and the calc-size() function, enabling smooth CSS animations and transitions to intrinsic sizing keywords like auto, min-content, and max-content. These tools help create more natural transitions between size changes, addressing the challenge of animating to height: auto. Developers can now opt into these behaviors for smoother and more visually appealing animations in supported browsers.