Tech Watch RSS Feed
All the articles I've selected.
The magic of keeping one level of abstraction per function
Published: at 03:33 PM(Tymek Zapała)This article explains the importance of maintaining a single abstraction level within functions, a technique that enhances readability and simplifies debugging. By keeping each function focused on a single level of detail, developers can create cleaner, more maintainable code. The post provides examples to illustrate this concept, highlighting its role in writing effective, understandable functions.
The styling dilemma in React
Published: at 03:18 PM(Petar Ivanov)This article discusses various styling methods available in React, such as CSS modules, styled-components, and Tailwind CSS, each offering unique advantages and challenges. It guides developers through key considerations when selecting a styling approach, focusing on factors like scalability, performance, and maintainability to help make informed decisions.
TIL: inline event handlers still fire when passed to React's dangerouslySetInnerHTML
Published: at 03:10 PM(Alex MacArthur)This article explores best practices for handling dangerouslySetInnerHTML in React, a method used to insert HTML directly into components. While it's powerful, improper use can lead to security vulnerabilities like XSS attacks. The post highlights ways to improve security when using this feature, ensuring safer HTML handling in React applications.
Deep Cloning Objects in JavaScript, the Modern Way
Published: at 01:12 PM(Steve Sewell)This article explains JavaScript’s Structured Clone algorithm, which enables deep copying of complex objects. It covers use cases, limitations, and how Structured Clone differs from JSON serialization, helping developers safely duplicate data without unexpected behavior
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.