Tech Watch RSS Feed

All the articles I've selected.

• Feature-based React Architecture

  Published:Nov 28, 2024 |  at 01:52 PM

  (Robin Wieruch)

  How to create a feature-based React architecture that allows large scale applications

  •   react
  •   clean-code
  •   best-practice

• React Anti-Pattern: Stop Passing Setters Down the Components Tree

  Published:Nov 22, 2024 |  at 02:47 PM

  (Matan Borenkraout)

  Let's see why passing useState setters as props creates abstraction leaks and tightly couples child components to parent implementations.

  •   react
  •   clean-code
  •   best-practice

• Quick Guide to Building a PWA with Next.js

  Published:Nov 22, 2024 |  at 02:38 PM

  (Amir Ali Azimloo)

  Learn how to turn your Next.js app into a Progressive Web App (PWA).

  •   pwa
  •   next

• Essential Typescript for React

  Published:Nov 22, 2024 |  at 02:33 PM

  (Jacob Paris)

  The minimum set of typescript knowledge to be effective at product development with React

  •   ts
  •   react

• Google OAuth in React: A Beginner’s Guide to Authentication

  Published:Nov 22, 2024 |  at 02:21 PM

  (Erwan BOURLON)

  How to use Google Identity Services as the authentication provider in a React application, a step-by-step tutorial.

  •   react
  •   authentification

• Exploring JavaScript Symbols

  Published:Nov 22, 2024 |  at 02:11 PM

  (Trevor I. Lasn)

  Deep dive into JavaScript Symbols - what they are, why they matter, and how to use them effectively

  •   js

• The magic of keeping one level of abstraction per function

  Published:Nov 14, 2024 |  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.

  •   react
  •   clean-code

• The styling dilemma in React

  Published:Nov 14, 2024 |  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.

  •   react
  •   css

• TIL: inline event handlers still fire when passed to React's dangerouslySetInnerHTML

  Published:Nov 14, 2024 |  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.

  •   react
  •   security

• Deep Cloning Objects in JavaScript, the Modern Way

  Published:Nov 7, 2024 |  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

  •   js