React Mastersreactmasters.hashnode.dev·Dec 6, 2024Zustand vs Recoil: A Comprehensive Comparison for State Management in ReactState management is a critical aspect of building scalable and maintainable React applications. As your application grows, managing state efficiently becomes increasingly complex. Two popular libraries that have emerged to address this challenge are ...React
Ákos Kőművesakoskm.com·Nov 24, 2024Simplify Your React States (without redux or extra libraries)React states can get out of hand quickly. The impact of a complex state doesn’t always break a component right away, but over time, it can lead to: becoming out of sync as new states or edge cases are added increased complexity, making the componen...React state management
Nitesh Singhspfxdev.hashnode.dev·Nov 9, 2024Unlocking React's Potential: Why Data Mutability Might Be Breaking Your AppLast week, while working on some legacy React code, I stumbled upon a tricky bug: one component just wouldn’t re-render as expected. After a deep dive, I discovered the culprit—data mutation. The component wasn’t re-rendering because its state was be...tips
Sasika Chandilasasika.hashnode.dev·Oct 29, 2024A Comprehensive Guide to React State ManagementWhat is State in React? In React, "state" refers to the data that a component manages and renders. A component’s state can hold any data related to the UI, such as form input values, user preferences, or API responses. React manages state as an objec...2 likesReactContext
harshad dhongadereactinstall.hashnode.dev·Oct 26, 2024A Complete Guide to React Hooks: Everything You Need to KnowIntroduction to React Hooks React Hooks, introduced in version 16.8, transformed the way we manage state and lifecycle in functional components. Before their arrival, class components were the go-to for handling these features, often resulting in mor...1 likeReact Functional Components
Pawan Gangwaniblogs.pgangwani.co.in·Oct 1, 2024Mastering State Management in React with Jotai & TypeScript: A Comprehensive GuideThis guide covers: Basic Atoms Dependent Atoms Async Atoms with loadable Scoped Providers Accessing Jotai Atoms Outside Components Prerequisites You’ll need: TypeScript set up in your React project. Install Jotai with npm install jotai jota...Jotai tutorial
Smit Khanparause-sync-external-store.hashnode.dev·Sep 23, 2024Replacing Context API and State Management Libraries with useSyncExternalStoreIn React apps, managing state across several components is essential to a seamless user experience. While the Context API is a common tool for managing global states, it often leads to unnecessary re-renders. When a context value changes, all compone...React
Yusuf Uysalyusufuysal.hashnode.dev·Sep 15, 2024Unlocking the Power of React: Top Benefits for Modern Web DevelopmentReact has been the most popular UI library for nearly a decade, significantly simplifying the lives of frontend developers. To become better React developers, and better software engineers in general, we should always ask "why," not just focus on "ho...31 readsReact
Pengblog.peng37.com·Aug 30, 2024I built the simplest react state management library (usecat)There are so many state management libs for react, but they are too complex / not easy to use for me. I only need these: Create state for something; Update the state out of component; Get the state out of component; A hook to read state within co...Building notenote.ccReact
AARYAN BAJAJaaryan-bajaj-learnings.hashnode.dev·May 15, 2024React useContext Hook in Real Life 💯Introduction In the bustling world of React development, state management is paramount. Ensuring seamless communication across components can be daunting, but with useContext, it's akin to operating a paperless office: clean, efficient, and highly or...2 likesReact hooks tutorial
