Skip to content

About

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

Topics

Resources

Stars

2 stars

Watchers

1 watching

Forks

Repository files navigation

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:
[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

License

GPLv3

About

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

Topics

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Sponsor this project

Packages

Used by

Contributors

Languages