Tech watch archive
Link dumps kept online so old URLs keep resolving. No summaries, no ratings, no upkeep — the AI Radar replaced this format.
Essential Typescript for React
The minimum set of typescript knowledge to be effective at product development with React
Google OAuth in React: A Beginner’s Guide to Authentication
How to use Google Identity Services as the authentication provider in a React application, a step-by-step tutorial.
Exploring JavaScript Symbols
Deep dive into JavaScript Symbols - what they are, why they matter, and how to use them effectively
The magic of keeping one level of abstraction per function
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
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
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
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
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
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
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.