react-context-receiver v0.1.0

react-context-receiver

Yet another withContext utility for React Context

• Simplify your Consumer component
• Without wasting your props
• React.forwardRef-like API
• TypeScript native

API

function getContextReceiver(Context): ContextReceiver
type ContextReceiver = (component: ((Props, ContextValue) => Element)) => FunctionalComponent<Props>

Example

const SomeContext = React.createContext();
const withSomeContext = getContextReceiver(SomeContext);

const Inspector = withSomeContext((props, context) => {
    if (!context) {
        return <span>{props.undefinedMessage}</span>
    }

    return <div>
        <span>something: {context.something}</span>
    </div>
});

const App = () => {
    <SomeContext.Provider>
        <Inspector undefinedMessage="Context is not initialized" />
    </SomeContext.Provider>
};