@restart/context

@restart/context

React context helpers.

Install

npm install @restart/context

Usage

import React from 'react';
import mapContextToProps from '@restart/context/mapContextToProps';

const MyValueContext = React.createContext(null);

function MyComponent(props) {
  /* ... */
}

const MyComponentWithMyValue = mapContextToProps(
  MyValueContext,
  myValue => ({ myValue }),
  MyComponent,
);

const withMyValue = Component =>
  mapContextToProps(
    {
      consumers: MyValueContext,
      mapToProps: myValue => ({ myValue }),
      displayName: `withMyValue(${Component.displayName || Component.name})`,
    },
    Component,
  );

Similar packages

Other packages similar to @restart/context

react

React itself provides built-in context management through its `createContext`, `useContext`, `Context.Provider`, and `Context.Consumer` APIs. These built-in APIs are widely used and well-documented, making them a robust choice for managing context in React applications.

unstated-next

Unstated Next is a lightweight state management library for React that builds on top of React's context API. It provides a simple way to create and manage state containers, making it easier to share state across components without the boilerplate of Redux or other state management libraries.

recoil

Recoil is a state management library for React that provides a more powerful and flexible way to manage state compared to React's built-in context API. It allows for fine-grained state management and supports features like derived state and asynchronous state updates.