reactivecore
This is the platform agnostic core architecture of reactive UI libraries.
Installation
yarn add @appbaseio/reactivecore
Usage and documentation
Create store:
import configureStore from "@appbaseio/reactivecore";
Supported actions:
Import via:
import { <actionName> } from "@appbaseio/reactivecore/lib/actions"
Action | Usage |
---|
addComponent | to register a component in the store |
removeComponent | to remove a component from the store |
watchComponent | to set up component subscription |
setQuery | to set the component query in the store |
setQueryOptions | to add external query options |
logQuery | Executed automatically to log query for gatekeeping |
executeQuery | Executed automatically (whenever necessary, based on the dependency tree) when the query of a component is updated |
updateHits | updates results from elasticsearch query |
updateQuery | to update the query in the store - called when a change is triggered in the component |
loadMore | for infinte loading and pagination |
Utility methods
Import via:
import { <methodName> } from "@appbaseio/reactivecore/lib/utils"
Method | Usage |
---|
isEqual | Compare two objects/arrays |
debounce | Standard debounce |
getQueryOptions | returns applied query options (supports size & from ) |
pushToAndClause | Pushes component to leaf and node. Handy for internal component registration |
checkValueChange | checks and executes before/onValueChange for sensors |
getAggsOrder | returns aggs order query based on sortBy prop |
checkPropChange | checks for props changes that would need to update the query via callback |
checkSomePropChange | checks for any prop change in the propsList and invokes the callback |
Changelog
Check the Changelog doc