![Introducing Enhanced Alert Actions and Triage Functionality](https://cdn.sanity.io/images/cgdhsj6q/production/fe71306d515f85de6139b46745ea7180362324f0-2530x946.png?w=800&fit=max&auto=format)
Product
Introducing Enhanced Alert Actions and Triage Functionality
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
@agile-ts/core
Advanced tools
Readme
Spacy, Simple, Scalable State Management Framework
Below example is based on React
// At first we have to create an Instance of Agile
const App = new Agile();
// Now we can create a State which has an initial Value of "Hello Stranger!"
const MY_FIRST_STATE = App.State("Hello Stranger!");
// Our cool React Component
const RandomComponent = () => {
// With the Hook 'useAgile' we bind the State to our 'RandomComponent'
const myFirstState = useAgile(MY_FIRST_STATE); // Returns "Hello Stranger!"
// ^
return ( // |
<div> // | Through the 'set' action the State Value
<p>{myFirstState}</p> // | gets changed to "Hello Friend!"
<button // | and causes a rerender on this Component.
onClick={() => { // | -> myFirstState has the Value "Hello Friend!"
// Lets's update the State Value // |
MY_FIRST_STATE.set("Hello Friend!") // -------------
}}
>
Update State
</button>
</div>
);
}
You can't believe the simplicity?! Convince yourself here.
Write minimalistic, boilerplate free code that captures your intent.
For instance
MY_STATE.persist("storage-key")
const MY_COLLECTION = App.Collection();
MY_COLLECTION.collect({id: 1, name: "Frank"});
MY_COLLECTION.collect({id: 2, name: "Dieter"});
MY_STATE.undo(); // Undo last change
MY_STATE.is({hello: "jeff"}); // Check if State has the Value {hello: "jeff"}
Agile can be used in nearly every UI-Framework and surly works with the workflow that suits you best, since Agile isn't bound to dispatches, reducers, ..
Learn the powerful and simple tools of Agile in a short amount of time.
Manage your Application Logic outside of any UI-Framework in a central place. This makes your code more decoupled, portable, and above all, easily testable.
Agile has an unpacked size of 52.7kB and 0 dependencies.
npm install @agile-ts/core
To use Agile we have to install the core package, it's the brain and handles your States, Collections, ..
npm install @agile-ts/react
In addition, we need to install a fitting integration for the Framework we are using.. in my case React.
The Agile Docs are located here
Name | Latest Version | Description |
---|---|---|
@agile-ts/core | Brain of Agile | |
@agile-ts/react | React Integration | |
@agile-ts/api | Promise based Api | |
@agile-ts/multieditor | Simple Form Manager |
Feel free to contribute
AgileTs is inspired by PulseJs
FAQs
Spacy, Simple, Scalable State Management Framework
We found that @agile-ts/core demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
Security News
Polyfill.io has been serving malware for months via its CDN, after the project's open source maintainer sold the service to a company based in China.
Security News
OpenSSF is warning open source maintainers to stay vigilant against reputation farming on GitHub, where users artificially inflate their status by manipulating interactions on closed issues and PRs.