Tag: react
All the articles with the tag "react".
My posts
Level Up React : Deep Dive into React Elements
Published: at 11:30 AMLearn how React Elements work under the hood. Understand their structure, creation process, and the reconciliation mechanism. A comprehensive guide for React developers
Level Up React : Declarative vs Imperative Programming
Published: at 10:00 AMDiscover how declarative programming transforms React development. Learn the key differences between imperative and declarative approaches through practical examples and understand why React embraces declarative programming for state, effects, lists, and conditional rendering.
Migration from Jest to Vitest: Complete feedback on a React/TypeScript project
Published: at 04:00 PMComplete step-by-step guide to migrate from Jest to Vitest in a React/TypeScript project. Includes ESM handling, performance optimization, and real-world solutions from a 2900+ tests migration.
Responsive Images: a quick example with react
Published: at 03:00 PMOptimizing web performance is a priority for any developer. One key aspect to consider is how images are handled across different devices. In this article, we will explore how to create responsive images with React. The goal is to display different images based on the screen size.
Example of Using useSyncExternalStore with LocalStorage
Published: at 06:26 PMLearn how to efficiently synchronize application state with external data sources like LocalStorage using React's useSyncExternalStore hook, with a practical example and detailed explanation.
Tech Watch Posts
Become expert in React Query
Published: at 08:48 AMTake your React Query knowledge to the next level.
Understanding React Server Components
Published: at 08:40 AMA comprehensive technical deep dive into React Server Components, exploring how they work under the hood, their performance implications, and best practices for implementation.
5 tips to effectively optimize INP in React
Published: at 02:46 PMIn this post, let's consider several optimization techniques for improving Core Web Vitals metrics for sites that are built with React.
React 19 introduces full support for custom elements
Published: at 02:40 PMdive deep into the new features of React 19 and how it improves the integration with Web Components.
React 19 and Web Component Examples
Published: at 02:30 PMExplore 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.
Better Code Rendering Through Virtualization
Published: at 03:30 PMHow we rebuilt Codecov's code renderer from the ground up to be faster and more efficient, utilizing virtualization.
How To Improve INP: React
Published: at 03:09 PMAll-in-one guide for improving Interaction-to-Next-Paint (INP) Core Web Vital in React applications. Introduces the useAfterPaintEffect hook.
Existential React questions and a perfect Modal Dialog
Published: at 02:44 PMMy step-by-step process for implementing a new feature from an idea to a production-ready solution using Modal Dialog as an example
Feature-based React Architecture
Published: at 01:52 PMHow to create a feature-based React architecture that allows large scale applications
React Anti-Pattern: Stop Passing Setters Down the Components Tree
Published: at 02:47 PMLet's see why passing useState setters as props creates abstraction leaks and tightly couples child components to parent implementations.