JSPM – @agile-ts/core@0.0.8

Package Exports

@agile-ts/core

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@agile-ts/core) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Spacy, Simple, Scalable State Management Framework

🚀 Look how easy it is

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.

❓ Why AgileTs

🚅 Straightforward

Write minimalistic, boilerplate free code that captures your intent.
For instance

Store State in Local Storage
```
MY_STATE.persist("storage-key")
```

Reactive Collection of States

const MY_COLLECTION = App.Collection();
MY_COLLECTION.collect({id: 1, name: "Frank"});
MY_COLLECTION.collect({id: 2, name: "Dieter"});

Cool State checks and mutations

MY_STATE.undo(); // Undo last change
MY_STATE.is({hello: "jeff"}); // Check if State has the Value {hello: "jeff"}

🤸‍ Flexible

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, ..

🎯 Easy to Use

Learn the powerful and simple tools of Agile in a short amount of time.

⛳️ Centralize

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.