|
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
connectStream 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.setStateIndexing. - 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
valueargument for this or any Eagle Eye based state manager instances.
Name: React-Observable-Context
Moniker: Legacy Eagle Eye
Usage: Please see Getting Started.
Demo:
[1] Play with the app on codesandbox
[2] Play with the app on codesandbox (Universal Rendering)
If sandbox fails to load app, please refresh dependencies on its lower left.
OR
Bring in and run the demo software locally through the following steps:
Step 1: Run either
git clone https://github.com/webKrafters/react-observable-context-app.git
or
git clone https://github.com/webKrafters/roc-universal-app.git (Universal Rendering)
Step 2: CD into the cloned directory
Step 3: Run npm i
Step 4: Run npm run dev
Step 5: Copy and paste the displayed URL into the web browser.
Step 6: Use CTRL+F5 (Mac: CMD+F5) at the browser to ensure a fresh page load if needed.
Step 7: Pay with the app.
Install:
npm install --save @webkrafters/react-observable-context
May also see What's Changed?
Full Documentation: react-observable-context.js.org
GPLv3
