https://github.com/riccardoperra/ngx-reactive-loading

Reactive loading state management for Angular applications
https://github.com/riccardoperra/ngx-reactive-loading

angular angular-components angular12 component loading loading-state ngrx observable reactive rxjs state state-management

Last synced: 8 months ago
JSON representation

Reactive loading state management for Angular applications

• Host: GitHub
• URL: https://github.com/riccardoperra/ngx-reactive-loading
• Owner: riccardoperra
• License: mit
• Created: 2021-07-11T16:21:03.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2022-02-05T23:42:16.000Z (over 4 years ago)
• Last Synced: 2025-02-10T20:55:48.473Z (over 1 year ago)
• Topics: angular, angular-components, angular12, component, loading, loading-state, ngrx, observable, reactive, rxjs, state, state-management
• Language: TypeScript
• Homepage: https://riccardoperra.github.io/ngx-reactive-loading
• Size: 4.27 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
![NGX Reactive Loading](./reactive_loading_banner.png)

> Reactive loading state management for Angular applications

ngx-reactive-loading is a loading manager solution built on top of RxJS. It provides

a set of helpers with angular dependency injection support to track multiple and dynamic

loading states through your application.

[![npm version](https://badge.fury.io/js/ngx-reactive-loading.svg)](https://www.npmjs.com/package/ngx-reactive-loading)

[![bundle size](https://img.shields.io/bundlephobia/min/ngx-reactive-loading)](https://www.npmjs.com/package/ngx-reactive-loading)

[![npm downloads](https://img.shields.io/npm/dw/ngx-reactive-loading)](https://www.npmjs.com/package/ngx-reactive-loading)

[![license](https://img.shields.io/npm/l/ngx-reactive-loading)](https://github.com/riccardoperra/ngx-reactive-loading/blob/main/LICENSE)

[![Coverage Status](https://coveralls.io/repos/github/riccardoperra/ngx-reactive-loading/badge.svg?branch=main)](https://coveralls.io/github/riccardoperra/ngx-reactive-loading?branch=main)

[![Workflow Status](https://img.shields.io/github/workflow/status/riccardoperra/ngx-reactive-loading/CI)](https://www.npmjs.com/package/ngx-reactive-loading)

[![Supported version](https://img.shields.io/badge/Support%20RxJS-~6.6.0-%23d81b60)](https://github.com/riccardoperra/ngx-reactive-loading)

[![Supported RxJS version](https://img.shields.io/badge/Support-RxJS%207-%23d81b60)](https://github.com/riccardoperra/ngx-reactive-loading)

## Features

✅ Flexible and reactive loading state management 


✅ Supports Angular dependency injection 


✅ Fully tree-shakeable 


✅ Integrable with any state manager solution


✅ 100% tested 


## Table of contents

- [Table of contents](#table-of-contents)

- [Versions](#versions)

- [Getting started](#getting-started)

- [Docs](#docs)

- [Demo](projects/ngx-reactive-loading-demo)

## Versions

| ngx-reactive-loading | Angular              | RxJS    |

| -------------------- | -------------------  | ------- |

| \>=2.0.0              | \>=13.0.0            | \>7.0.0 |

| \>=1.3.0 < 2.0.0      | \>=12.0.0 < 13.0.0   | \>6.5.3 |

## Getting started

Install with npm

```

npm i ngx-reactive-loading

```

Or with yarn

```

yarn add ngx-reactive-loading

```

## Docs

Check out the documentation [here](https://riccardoperra.github.io/ngx-reactive-loading).