Tag: react

Tech Watch Posts

• Understanding React Server Components

  Published:Jan 16, 2025 |  at 08:40 AM

  A comprehensive technical deep dive into React Server Components, exploring how they work under the hood, their performance implications, and best practices for implementation.

  •   react
  •   server-components

• 5 tips to effectively optimize INP in React

  Published:Dec 19, 2024 |  at 02:46 PM

  In this post, let's consider several optimization techniques for improving Core Web Vitals metrics for sites that are built with React.

  •   react
  •   webperf

• React 19 introduces full support for custom elements

  Published:Dec 19, 2024 |  at 02:40 PM

  dive deep into the new features of React 19 and how it improves the integration with Web Components.

  •   react
  •   webcomponents

• React 19 and Web Component Examples

  Published:Dec 19, 2024 |  at 02:30 PM

  Explore React 19's improved Web Components support, with practical examples of prop handling, event management, and server/client-side rendering differences. Learn how to effectively combine React and Custom Elements in your applications.

  •   react
  •   webcomponents

• Better Code Rendering Through Virtualization

  Published:Dec 6, 2024 |  at 03:30 PM

  How we rebuilt Codecov's code renderer from the ground up to be faster and more efficient, utilizing virtualization.

  •   react
  •   webperf

• How To Improve INP: React

  Published:Dec 6, 2024 |  at 03:09 PM

  All-in-one guide for improving Interaction-to-Next-Paint (INP) Core Web Vital in React applications. Introduces the useAfterPaintEffect hook.

  •   react
  •   webperf

• Existential React questions and a perfect Modal Dialog

  Published:Nov 28, 2024 |  at 02:44 PM

  My step-by-step process for implementing a new feature from an idea to a production-ready solution using Modal Dialog as an example

  •   react
  •   modal

• Feature-based React Architecture

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

  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

  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

• Essential Typescript for React

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

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

  •   ts
  •   react