Tech Watch RSS Feed
All the articles I've selected.
Guide to Error & Exception Handling in React
Published: at 01:04 PM(Armin Ulrich)This guide provides best practices for handling errors and exceptions in React applications. It covers techniques for error boundaries, logging, and monitoring to improve debugging and deliver a smoother user experience.
How to NOT reset a form in React
Published: at 12:52 PM(Robin Wieruch)This article explains how to reset forms in React using server actions. It offers practical examples and tips for managing form state efficiently, especially when working with server components, to improve user interaction in React applications.
11 HTML best practices for login & sign-up forms
Published: at 12:45 PM(Andrey Sitnik)This guide covers essential HTML best practices for creating secure, accessible, and user-friendly login and signup forms. It highlights input types, form validation, and tips for improving usability and accessibility, focusing on enhancing the overall user experience.
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.