awesome-repositories.com
المدونة
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
acdlite avatar

acdlite/recomposeArchived

0
View on GitHub↗
14,801 نجوم·1,222 تفرعات·JavaScript·MIT·7 مشاهدات

Recompose

Recompose is a suite of toolsets for implementing higher-order component composition, context extraction, render optimization, and external state integration. It provides a library of utilities to wrap components in reusable logic and behavioral layers, allowing developers to chain functional wrappers and reduce nesting within a component tree.

The project focuses on the composition of functional wrappers to inject properties and behavior into components. It includes a set of helpers for extracting values from component context and passing them as direct properties, as well as tools for integrating external data sources and managing request lifecycles.

The toolkit covers a broad range of capabilities including performance optimization through shallow prop equality and stabilized event handlers, state management using reducers and observable data binding, and render logic management to control component updates. It also provides utilities for prop transformation, component preconfiguration, and the encapsulation of recurring UI patterns.

Features

  • Component Composition Patterns - Provides a comprehensive suite for wrapping components in reusable logic and behavioral layers to avoid code duplication.
  • Higher-Order Components - Implements functional wrappers that encapsulate shared logic and reusable behavior to avoid code duplication across UI elements.
  • Context Mapping Utilities - Provides a set of wrappers for extracting values from component context and passing them as direct properties.
  • UI Data Binding - Maps asynchronous data streams to component properties to synchronize external state with the user interface.
  • Enhancement Chaining - Provides pipelines that combine multiple logic wrappers into a single sequence to apply several behavioral changes at once.
  • Function Composition - Merges multiple component enhancers into a single function to reduce tree nesting and improve readability.
  • Component Composition Primitives - Provides modular primitives that encapsulate behavioral logic to facilitate the composition of complex UI components.
  • Component Context Management - Passes values to child elements or extracts existing context values to use them as direct properties.
  • Context-to-Prop Mappings - Extracts values from the component context and injects them as direct properties into functional components.
  • Prop Transformations - Implements tools to intercept and modify data properties, allowing for filtering and formatting before they reach a component.
  • Conditional Rendering - Provides logic to show or hide specific UI elements based on test functions applied to current data.
  • Conditional Rendering Logic - Implements logic to control component output based on test functions applied to properties.
  • Component Context Access - Extracts values from component context and injects them as direct properties to decouple components from data sources.
  • Data Mapping Utilities - Provides utilities for mapping data properties from complex objects to component properties for UI rendering.
  • External State Integrations - Implements HOC wrappers that synchronize external state management tools with the user interface.
  • Reducer State Management - Separates business logic from presentation by injecting state and update handlers via reducer patterns.
  • Component Update Optimizations - Restricts component re-renders using shallow prop equality and specific key monitoring to optimize performance.
  • Performance Optimizers - Enhances rendering performance through shallow prop equality checks and event handler stabilization.
  • Component Encapsulation Wrappers - Groups recurring layout or data patterns into reusable interfaces for a consistent application look and feel.
  • Component Preconfigurations - Enables the creation of specialized components by injecting fixed sets of default properties into generic base components.
  • Component Lifecycle Hooks - Provides functional wrappers that execute custom logic during component rendering, updates, or removal.
  • Comparison Functions - Prevents unnecessary subtree re-renders by implementing shallow equality checks between property sets.
  • Pattern Conversions - Transforms render props and context consumers into wrapper components for easier integration with other logic enhancers.
  • Render Prop Transformations - Converts render prop patterns into wrapper components to simplify integration with other logic enhancers.
  • Identity Stabilization - Provides utilities to maintain stable event handler identities, preventing unnecessary re-renders of child components.
  • Loading State Indicators - Offers mechanisms for tracking backend fetch request lifecycles to manage loading and error states in the UI.
  • React State Bindings - Bridges external data sources and state management containers to React UI components.
  • GUI Frameworks - Utility belt for functional React components.
  • React - A JavaScript library for building user interfaces - Listed in the “React - A JavaScript library for building user interfaces” section of the Awesome Redux awesome list.

سجل النجوم

مخطط تاريخ النجوم لـ acdlite/recomposeمخطط تاريخ النجوم لـ acdlite/recompose

بحث بالذكاء الاصطناعي

استكشف المزيد من المستودعات الرائعة

صف ما تحتاجه بلغة بسيطة — وسيقوم الذكاء الاصطناعي بترتيب آلاف المشاريع مفتوحة المصدر المنسقة حسب الصلة.

Start searching with AI

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

مشاريع مفتوحة المصدر مشابهة، مرتبة حسب عدد الميزات المشتركة مع Recompose.
  • facebook/reactالصورة الرمزية لـ facebook

    facebook/react

    245,669عرض على GitHub↗

    React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.

    JavaScriptjavascriptuifrontend
    عرض على GitHub↗245,669
  • effector/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
    عرض على GitHub↗4,837
  • vasanthk/react-bitsالصورة الرمزية لـ vasanthk

    vasanthk/react-bits

    17,414عرض على GitHub↗

    React Bits is a comprehensive collection of architectural patterns, design strategies, and coding standards for building maintainable user interfaces. It functions as a guide for structuring complex applications through modular component composition, declarative state management, and consistent data flow techniques. The project distinguishes itself by providing a library of established design patterns and optimization techniques that address common development challenges. It emphasizes the identification and resolution of suboptimal coding practices, offering reliable alternatives to improve

    best-practicesdesign-patternsjavascript
    عرض على GitHub↗17,414
  • uidotdev/usehooksالصورة الرمزية لـ uidotdev

    uidotdev/usehooks

    11,394عرض على GitHub↗

    This project is a comprehensive library of reusable React hooks designed to simplify browser API integration, state management, and component lifecycle tracking. It provides a declarative interface for managing complex browser interactions, allowing developers to encapsulate imperative logic into modular, composable functions that integrate directly with the component lifecycle. The library distinguishes itself by offering specialized utilities for asynchronous data orchestration, including built-in caching, retry logic, and loading state management. It also features advanced performance opti

    MDXastrobloghooks
    عرض على GitHub↗11,394
عرض جميع البدائل الـ 30 لـ Recompose→

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

ما هي وظيفة acdlite/recompose؟

Recompose is a suite of toolsets for implementing higher-order component composition, context extraction, render optimization, and external state integration. It provides a library of utilities to wrap components in reusable logic and behavioral layers, allowing developers to chain functional wrappers and reduce nesting within a component tree.

ما هي الميزات الرئيسية لـ acdlite/recompose؟

الميزات الرئيسية لـ acdlite/recompose هي: Component Composition Patterns, Higher-Order Components, Context Mapping Utilities, UI Data Binding, Enhancement Chaining, Function Composition, Component Composition Primitives, Component Context Management.

ما هي البدائل مفتوحة المصدر لـ acdlite/recompose؟

تشمل البدائل مفتوحة المصدر لـ acdlite/recompose: facebook/react — React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional… effector/effector — Effector is a reactive state management library designed for building complex, event-driven applications. It functions… vasanthk/react-bits — React Bits is a comprehensive collection of architectural patterns, design strategies, and coding standards for… uidotdev/usehooks — This project is a comprehensive library of reusable React hooks designed to simplify browser API integration, state… mobxjs/mobx-react — mobx-react is a library that provides state bindings to connect React components to MobX observable state. It… greatfrontend/top-reactjs-interview-questions — This project is a comprehensive interview preparation guide and technical study resource for React. It functions as a…