App State Management done with GraphQL (angular integration)


268441.0.03 years ago3 years agoMinified + gzip package size for @loona/angular in KB



npm version CircleCI

Loona is a state management library built on top of Apollo Angular. It brings the simplicity of managing remote data with Apollo, to your local state. Instead of maintaining a second store for your local data with tools like Redux, MobX or NGRX, use Loona to keep data in just one space and make it a single source of truth.

With Loona you get all the benefits of Apollo, like caching, offline persistence and more. On top of that you gain all the other benefits like stream of actions, better sepatation between mutation and store updates.

Loona requires no complex build setup to get up and running and works out of the box with both Angular CLI (ng add @loona/angular) and NativeScript with a single install.


It is simple to install Loona and related libraries

# installing Loona in Angular CLI
ng add @loona/angular

# or with yarn
yarn add @loona/angular

That’s it! You may now use Loona in any of your Angular environments.

For an amazing developer experience you may also install the Apollo Client Developer tools for Chrome which will give you inspectability into your remote and local data.

Loona lives on top of Apollo Angular so you have to have it working in your application too!


All of the documentation for Loona including usage articles and helpful recipes lives on: https://loonajs.com


This project uses Lerna.


yarn install

Running tests locally:

yarn test

Formatting code:

yarn format

This project uses TypeScript for static typing. You can get it built into your editor with no configuration by opening this project in Visual Studio Code, an open source IDE which is available for free on all platforms.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.