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
React "as" Prop Using TypeScript
Published: at 02:08 PMLearn how to type the "as" prop in React to dynamically change the rendered HTML tag.
useDebounceCallback hook explained
Published: at 02:29 PMLearn how React's useDebounceCallback hook works with a deep dive into JavaScript closures, timeouts, and the callback ref pattern. Perfect for React developers looking to master debouncing.
Single Responsibility Principle in React: The Art of Component Focus
Published: at 10:39 AMLearn how to apply the Single Responsibility Principle in React components. A practical guide to writing cleaner, more maintainable code using SOLID principles and component composition.
How to build a library in React
Published: at 10:24 AMIntroduction I built a library that adds selectors to React's context: React Context Selector. This was a follow up to my blog post where I dive into problems with Context. I concluded that they're just missing selectors. Otherwise, it's all good.
Why are React Server Components actually beneficial? (full history)
Published: at 02:23 PMDeep dive into why React Server Components matter by exploring the evolution from SPAs to SSR. Understand the core problems they solve and how they fundamentally change React applications.
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.