![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
Global, simple, spacy State and Logic Framework
// -- core.js ------------------------------------------
// 1️⃣ Create Instance of AgileTs
const App = new Agile();
// 2️⃣ Create State with help of before defined Agile Instance
const MY_FIRST_STATE = App.createState("Hello Friend!");
// -- myComponent.whatever ------------------------------------------
// 3️⃣ Bind initialized State to desired UI-Component
// And wolla, it's reactive. Everytime the State mutates the Component rerenders
const myFirstState = useAgile(MY_FIRST_STATE); // Returns value of State ("Hello Friend!")
To learn out more, check out our Quick Start Guides.
Test AgileTs yourself in a codesandbox. It's only one click away. Just select your preferred Framework below.
More examples can be found in the Example Section.
AgileTs is a global, simple, well-tested State Management Framework implemented in Typescript. It offers a reimagined API that focuses on developer experience and allows you to quickly and easily manage your States. Besides States, AgileTs offers some other powerful APIs that make your life easier. The philosophy behind AgileTs is simple:
Write minimalistic, boilerplate-free code that captures your intent.
Some straightforward syntax examples:
MY_STATE.undo(); // Undo latest change
MY_STATE.is({hello: "jeff"}); // Check if State has the Value '{hello: "jeff"}'
MY_STATE.watch((value) => {console.log(value);}); // Watch on State changes
MY_STATE.persist("storage-key");
const MY_COLLECTION = App.createCollection();
MY_COLLECTION.collect({id: 1, name: "Frank"});
MY_COLLECTION.collect({id: 2, name: "Dieter"});
const MY_INTRODUCTION = App.createComputed(() => {
return `Hello I am '${MY_NAME.vale}' and I use ${MY_STATE_MANAGER.value} for State Management.`;
});
AgileTs is designed to take all business logic out of UI-Components and put them in a central place, often called core
.
The benefit of keeping logic separate to UI-Components is to make your code more decoupled, portable, and above all, easily testable.
Learn the powerful tools of AgileTs in a short amount of time. An excellent place to start are our Quick Start Guides, or if you don't like to follow any tutorials, you can jump straight into our Example Section.
To properly use AgileTs, in a UI-Framework, we need to install two packages.
The Core Package, which acts as the brain of AgileTs and manages all your States
npm install @agile-ts/core
and a fitting Integration for your preferred UI-Framework. In my case, the React Integration. Check here if your desired Framework is supported, too.
npm install @agile-ts/react
Sounds AgileTs interesting to you? Checkout our documentation, to learn more. And I promise you. You will be able to use AgileTs in no time. In case you have any further questions, don't hesitate to join our Community Discord.
Get a part of AgileTs and start contributing. We welcome any meaningful contribution. 😀 To find out more, check out the CONTRIBUTING.md.
Name | Latest Version | Description |
---|---|---|
@agile-ts/core | State Manager | |
@agile-ts/react | React Integration | |
@agile-ts/api | Promise based API | |
@agile-ts/multieditor | Simple Form Manager | |
@agile-ts/event | Handy class for emitting UI Events | |
@agile-ts/logger | Manages the logging of AgileTs | |
@agile-ts/utils | Util functions of AgileTs | |
@agile-ts/proxytree | Create Proxy Tree |
AgileTs is inspired by MVVM Frameworks like MobX and PulseJs.
FAQs
Spacy, Simple, Scalable State Management Framework
The npm package @agile-ts/core receives a total of 5 weekly downloads. As such, @agile-ts/core popularity was classified as not popular.
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.