An open API service indexing awesome lists of open source software.

https://github.com/webkrafters/react-observable-context.js

Observable react context [Eagle Eye] - prevents an automatic total component tree re-rendering at context change.
https://github.com/webkrafters/react-observable-context.js

connect context hoc hooks react react-context react-hooks state-management usecontext

Last synced: 12 days ago
JSON representation

Observable react context [Eagle Eye] - prevents an automatic total component tree re-rendering at context change.

Awesome Lists containing this project

README

          


Eagle Eye




TypeScript


GitHub Workflow Status


coverage

NPM
Maintenance
build size

Downloads

GitHub package.json version

# React-Observable-Context [Eagle Eye]


COMPATIBLE WITH REACT VERSIONS 16.8 to 18.x.x.

FOR REACT 19.2.0 AND ABOVE, PLEASE USE THE

React Eagle Eye


  • Ready for use anywhere in the app. No Provider components needed.

  • Automatically prevents unnecessary cascading re-renders when used with the connect Stream API.

  • Auto-immutable update-friendly context. See store.setState.

  • A context bearing an observable consumer store.

  • Recognizes negative array indexing. Please see Property Path and store.setState Indexing.

  • Only re-renders subscribing components (clients) on context state changes.

  • Subscribing component decides which context state properties' changes to trigger its update.

  • OOB Support for framework-agnostic state sharing among applications. Simply create an Auto Immutable instance to pass around as the value argument for this or any Eagle Eye based state manager instances.

**Name:** React-Observable-Context

**Moniker:** Legacy Eagle Eye

**Usage:** Please see Getting Started.

**Demo:** [Play with the app on codesandbox](https://codesandbox.io/s/github/webKrafters/react-observable-context-app)\
If sandbox fails to load app, please refresh dependencies on its lower left.

**Install:**\
npm install --save @webkrafters/react-observable-context

May also see What's Changed?

Full Documentation: **[react-observable-context.js.org](https://react-observable-context.js.org)**

# License

GPLv3