Use Immer

use-immer هو أداة لإدارة حالة React توفر خطافاً (hook) مخصصاً لتحديث الحالة غير القابلة للتغيير (immutable). يسمح بتعديل نسخة مسودة مؤقتة من البيانات لحساب انتقال الحالة التالي.

تبسط الأداة إدارة الحالة المعقدة من خلال تمكين التغييرات المباشرة على مسودة، مما يزيل الحاجة إلى نسخ الكائنات أو المصفوفات المتداخلة يدوياً باستخدام عوامل الانتشار (spread operators). يضمن هذا النهج توليد لقطة جديدة غير قابلة للتغيير لتغييرات حالة يمكن التنبؤ بها.

تغطي المكتبة إمكانيات لتحديث الحالة المتداخلة بعمق وتدعم معالجة تغييرات الحالة من خلال المخفضات (reducers).

Features

Custom State Hooks - Provides a custom React hook that integrates immutable state management into the component lifecycle.
Immutable Nested Data Manipulation - Enables the modification of data structures directly while maintaining immutability for predictable changes.
Functional State Management - Uses a recipe function to calculate the next state based on previous values.
Runtime Snapshot Generation - Produces fresh immutable object trees by comparing mutated proxy paths against original state.
Proxy-Based Immutability - Wraps state in JavaScript Proxies to intercept mutations and produce new immutable state trees.
Mutation-Syntax Immutable Updates - Allows developers to use mutation-style code to create new immutable state snapshots.
React Hooks - Integrates immutable state manipulation directly into the React component lifecycle via hooks.
Immutable State Hooks - Ships a custom React hook for updating immutable state through temporary draft modification.
React State Management - Provides a way to update complex React state without repetitive nested spread operators.
Draft-Based State Utilities - Simplifies state updates in functional components by applying mutations to a temporary draft.
Immutable State Stores - Provides a mechanism to treat application state as an immutable tree for predictable updates.
Path-Based Nested Updates - Simplifies updating deeply nested objects and arrays without manual spread operator copying.
Reducer State Management - Supports processing state transitions using reducer functions that operate on temporary drafts.
Hook Extensions - State manipulation utility using immutable patterns within hooks.
State Management - Use Immer to manipulate state.

سجل النجوم

mweststrateuse-immer

Name: mweststrate/use-immer
Author: mweststrate

View on GitHub

4,536 نجوم101 تفرعاتTypeScriptMIT6 مشاهدات

Use Immer

تغطي المكتبة إمكانيات لتحديث الحالة المتداخلة بعمق وتدعم معالجة تغييرات الحالة من خلال المخفضات (reducers).

Features

Custom State Hooks - Provides a custom React hook that integrates immutable state management into the component lifecycle.
Immutable Nested Data Manipulation - Enables the modification of data structures directly while maintaining immutability for predictable changes.
Functional State Management - Uses a recipe function to calculate the next state based on previous values.
Runtime Snapshot Generation - Produces fresh immutable object trees by comparing mutated proxy paths against original state.
Proxy-Based Immutability - Wraps state in JavaScript Proxies to intercept mutations and produce new immutable state trees.
Mutation-Syntax Immutable Updates - Allows developers to use mutation-style code to create new immutable state snapshots.
React Hooks - Integrates immutable state manipulation directly into the React component lifecycle via hooks.
Immutable State Hooks - Ships a custom React hook for updating immutable state through temporary draft modification.
React State Management - Provides a way to update complex React state without repetitive nested spread operators.
Draft-Based State Utilities - Simplifies state updates in functional components by applying mutations to a temporary draft.
Immutable State Stores - Provides a mechanism to treat application state as an immutable tree for predictable updates.
Path-Based Nested Updates - Simplifies updating deeply nested objects and arrays without manual spread operator copying.
Reducer State Management - Supports processing state transitions using reducer functions that operate on temporary drafts.
Hook Extensions - State manipulation utility using immutable patterns within hooks.
State Management - Use Immer to manipulate state.

بدائل مفتوحة المصدر لـ Use Immer

مشاريع مفتوحة المصدر مشابهة، مرتبة حسب عدد الميزات المشتركة مع Use Immer.

immerjs/use-immer
immerjs/use-immer
4,536عرض على GitHub
use-immer is a React hook library that provides an immutable state hook for updating complex state objects. It integrates Immer state management into the React component lifecycle, allowing developers to handle state transitions by modifying a draft object rather than manually copying state. The library enables the update of deeply nested data structures without the use of spread operators to copy every level of the state tree. It uses a mutation-based draft approach to ensure that the original state remains untouched while producing a new immutable version of the data. The project covers ge
TypeScript
عرض على GitHub4,536
ctrlplusb/easy-peasy
ctrlplusb/easy-peasy
5,044عرض على GitHub
Easy-peasy is a React state management library and typed framework that provides a centralized store for managing global application state. It functions as an immutable state store and an async state orchestrator, ensuring end-to-end type safety for state definitions, actions, and derived values. The library distinguishes itself by converting direct mutation syntax into immutable updates to simplify the management of nested data. It includes a mechanism for persisting the state tree to storage and rehydrating it during the application boot process, with the ability to suspend the user interfa
JavaScripthooksimmerimmutable
عرض على GitHub5,044
effector/effector
effector/effector
4,837عرض على GitHub
Effector is a reactive state management library designed for building complex, event-driven applications. It functions as a data flow engine that models application logic as a directed acyclic graph, ensuring that state updates propagate automatically through interconnected nodes. By utilizing atomic state updates and declarative unit composition, the library maintains data consistency and provides a predictable execution model for managing application state. The project distinguishes itself through its framework-agnostic architecture, which decouples business logic from user interface implem
TypeScriptbusiness-logiceffectorevent-driven
عرض على GitHub4,837
salesforce/akita
salesforce/akita
3,672عرض على GitHub
Akita is a JavaScript state management library that provides a system for managing application data and user interface state. It utilizes an observable data store and immutable state containers to synchronize data across interfaces, employing an entity state manager to handle flat collections of objects with unique identifiers. The project distinguishes itself through a comprehensive history management system that supports both global application-wide state reversal and granular, per-entity undo and redo functionality. It also includes a client-side data cache with time-to-live settings to pr
TypeScriptangularjavascriptoop
عرض على GitHub3,672

عرض جميع البدائل الـ 30 لـ Use Immer

الأسئلة الشائعة

ما هي وظيفة mweststrate/use-immer؟

ما هي الميزات الرئيسية لـ mweststrate/use-immer؟

الميزات الرئيسية لـ mweststrate/use-immer هي: Custom State Hooks, Immutable Nested Data Manipulation, Functional State Management, Runtime Snapshot Generation, Proxy-Based Immutability, Mutation-Syntax Immutable Updates, React Hooks, Immutable State Hooks.

ما هي البدائل مفتوحة المصدر لـ mweststrate/use-immer؟

تشمل البدائل مفتوحة المصدر لـ mweststrate/use-immer: immerjs/use-immer — use-immer is a React hook library that provides an immutable state hook for updating complex state objects. It… ctrlplusb/easy-peasy — Easy-peasy is a React state management library and typed framework that provides a centralized store for managing… effector/effector — Effector is a reactive state management library designed for building complex, event-driven applications. It functions… salesforce/akita — Akita is a JavaScript state management library that provides a system for managing application data and user interface… diegohaz/constate — Constate is a global state management tool for React designed to minimize unnecessary component re-renders. It… streamich/react-use — react-use is a collection of reusable state and effect hooks for managing common logic in React applications. It…