Security News
The Push to Ban Ransom Payments Is Gaining Momentum
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
@agile-ts/core
Advanced tools
Readme
Global State and Logic Library
// -- core.js ------------------------------------------
// 1️⃣ Create State with the initial value "Hello Friend!"
const MY_FIRST_STATE = createState("Hello Friend!");
// -- MyComponent.whatever ------------------------------------------
// 2️⃣ Bind initialized State to the desired UI-Component.
// And wolla, the Component is reactive.
// Everytime the State mutates the Component re-renders.
const myFirstState = useAgile(MY_FIRST_STATE);
console.log(myFirstState); // Returns "Hello Friend!"
Want to learn how to implement AgileTs in your preferred UI-Framework? 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 State and Logic Library implemented in Typescript. It offers a reimagined API that focuses on developer experience and allows you to easily and flexible manage your application States. Besides States, AgileTs offers some other powerful APIs that make your life easier, such as Collections and Computed States. The philosophy behind AgileTs is simple:
Write minimalistic, boilerplate-free code that captures your intent.
// Create State with the inital value 'frank'
const MY_STATE = createState('frank');
// Update the State value from 'frank' to 'jeff'
MY_STATE.set('jeff');
// Undo the latest State value change
MY_STATE.undo();
// Reset the State value to its initial value
MY_STATE.reset();
// Permanently store the State value in an external Storage
MY_STATE.persist("storage-key");
AgileTs is designed to take all business logic out of the UI-Components
and put them in a central place, often called core
.
The advantage of keeping logic separate to UI-Components,
is that your code is more decoupled, portable, scalable,
and above all, easily testable.
You can learn more about ways to centralize your application logic with AgileTs in our Style Guides.
Learn the powerful tools of AgileTs in a short period of time. An excellent place to start are our Quick Start Guides, or if you don't like to follow tutorials, you can jump straight into the Example section.
In order to use AgileTs in a UI-Framework, we need to install two packages.
The core
package contains the State Management Logic of AgileTs
and therefore provides powerful classes like the State Class
.
npm install @agile-ts/core
A fitting Integration for the UI-Framework of your choice, on the other hand, is an interface to the actual UI and provides useful functionalities to bind States to UI-Components for reactivity. I prefer React, so let's go with the React Integration for now.
npm install @agile-ts/react
Does AgileTs sound interesting to you? Take a look at our documentation, to learn more about its functionalities and capabilities. If you have any further questions, feel free to join our Community Discord. We will be happy to help you.
Get a part of AgileTs and start contributing. We welcome any meaningful contribution. 😀 To find out more about contributing, check out the CONTRIBUTING.md.
Name | Latest Version | Description |
---|---|---|
@agile-ts/core | State Manager Logic | |
@agile-ts/react | React Integration | |
@agile-ts/vue | Vue 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 | Logging API of AgileTs | |
@agile-ts/utils | Utilities of AgileTs | |
@agile-ts/proxytree | Proxy Tree for tracking accessed properties |
AgileTs is inspired by MVVM Libraries like MobX and PulseJs.
FAQs
Spacy, Simple, Scalable State Management Framework
The npm package @agile-ts/core receives a total of 18 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.
Security News
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
Application Security
New SEC disclosure rules aim to enforce timely cyber incident reporting, but fear of job loss and inadequate resources lead to significant underreporting.
Security News
The Python Software Foundation has secured a 5-year sponsorship from Fastly that supports PSF's activities and events, most notably the security and reliability of the Python Package Index (PyPI).