Tag: react
All the articles with the tag "react".
My posts
Level up React: React and React DOM architecture
Published: at 02:45 PMDiscover why React is split into two packages. Learn how react and react-dom work together, their specific roles, and the benefits of this architecture. A clear explanation with practical examples.
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
How React's Render, Effects and Refs work under the hood
Published: at 02:14 PMDiscover how React's render cycle, effects, and refs actually work under the hood. A clear, practical guide to understanding React's internals and writing more efficient code.
Was React Context a mistake?
Published: at 02:00 PMExplore whether React Context was a design mistake, understand its performance implications with re-renders, and learn practical solutions including smaller contexts and alternative state management approaches.
Bloated React code? Try component hooks
Published: at 01:53 PMLearn how to declutter your React components by separating logic from presentation using component hooks. A practical guide to writing cleaner, more maintainable React code with real-world examples.
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.