Tag: react
All the articles with the tag "react".
My posts
Level Up React: Mastering Context API
Updated: at 05:10 PMExplore the internal mechanisms of React's Context API, and how to use it effectively for global state management. Comparison with Zustand and Redux, advanced optimization techniques, and best practices to avoid unnecessary re-renders.
Level Up React: Mastering useReducer for structured state management
Published: at 02:10 PMComplete guide to React's useReducer hook - from basic concepts to advanced implementation. Learn how to structure complex state logic, manage interdependent state, and create maintainable React applications with practical e-commerce cart examples, TypeScript integration, and testing strategies.
Level Up React: Mastering useEffect for performant React applications
Published: at 04:00 PMLearn how to master React's useEffect hook with practical examples. Discover internal mechanisms, avoid common pitfalls, and build performant applications with proper synchronization techniques.
Level Up React: Deep dive into state and useState
Published: at 05:00 PMComplete guide to React's useState hook - from basics to advanced techniques. Learn state management, avoid common pitfalls, and optimize performance with practical examples for React developers.
Level Up React: Functional programming in React
Published: at 04:00 PMLearn how functional programming principles power React development. This practical guide explores first-class functions, pure functions, immutability, currying and composition with clear examples. Discover how these concepts lead to more predictable, testable and maintainable React applications.
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.
Tech Watch Posts
Reactivity is easy
Published: at 01:46 PMReactivity in React doesn’t have to be complicated. Learn how fine-grained, selector-based reactivity works with a 35-line solution—no magic, just clean code.
How to Create Your Own Simple useState Hook
Published: at 01:40 PMCreate your own simple React useState hook step by step in less than 10 minutes and completely understand why the rules for useState hook actually exist.
useSyncExternalStore: Demystified for Practical React Development
Published: at 12:56 PMStop UI tearing in React! useSyncExternalStore safely syncs external data. Get best practices for this advanced hook (like stable functions)
Use Compound Components React Advanced Pattern For Better Software Design
Published: at 12:32 PMLearn how to create and design better React components using the Compound Components React advanced pattern.
Why React Error Boundaries Aren't Just Try/Catch for Components
Published: at 03:32 PMA deep dive into how React error boundaries work, why they're different from try/catch, and how to use them effectively in your apps.
How to create custom hooks programatically
Published: at 08:36 AMLearn how to streamline your React components with a custom hook factory. This pattern reduces boilerplate, enhances reusability, and keeps your code clean.
useActionState in React: A practical guide with examples
Published: at 04:12 PMDiscover how React's useActionState Hook makes it easier to handle user actions, especially form submissions and async state changes.
You can serialize a promise in React
Published: at 04:18 PMLearn how to serialize a Promise in React for seamless state management and SSR compatibility. Discover practical solutions to handle async data effectively in your React applications.
React Internals: Which useEffect runs first?
Published: at 01:49 PMIt's not particularly obvious, but a child's useEffect will run before a parent's will. Let's look at why.
Faster Lazy Loading in React Router v7.5+
Published: at 01:58 PMReact Router v7.5 now supports a faster, more granular approach to lazy loading route code in Data Mode