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 ...DiscussReact
Á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...DiscussReact 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...Discusstips
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...Discuss·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...Discuss·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...DiscussJotai 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...DiscussReact
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...Discuss·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...DiscussBuilding notenote.ccReact
Syed Aquib Alihadetan.hashnode.dev·Jun 12, 2024React States, Passing Data and Lists, Event HandlingReact States In React, state is a built-in object that allows components to create and manage their own data. State is used to keep track of information that can change over time and influence what is rendered on the screen. Using State The useState ...Discuss·30 readsReact
