v2.1.1

What's Changed

• Fix mem leak warning on unmounted component by @nickxbs in #89
• Update readme.md by @kiran9866 in #91
• Update fetch.js by @kiran9866 in #92
• Feature/#101 update dependencies by @nasdan in #103

New Contributors

• @nickxbs made their first contribution in #89
• @kiran9866 made their first contribution in #91

Full Changelog: 2.1.0...v2.1.1

v2.1.1-beta.0

What's Changed

• Fix mem leak warning on unmounted component by @nickxbs in #89
• Update readme.md by @kiran9866 in #91
• Update fetch.js by @kiran9866 in #92
• Feature/#101 update dependencies by @nasdan in #103

New Contributors

• @nickxbs made their first contribution in #89
• @kiran9866 made their first contribution in #91

Full Changelog: 2.1.0...v2.1.1-beta.0

v2.1.0

New Features

• Implement manually endpoints. #81
  • function manuallyResetPromiseCounter(area?: string): void;
  • function manuallyDecrementPromiseCounter(area?: string): void;
  • function manuallyIncrementPromiseCounter(area?: string): void

v2.0.6

Fix

• Fix emitter cancellation when there are many spinners. PR #79

v2.0.5

Fix

• Fix useEffect to accept an array instead of an object. PR #72

v2.0.4

Fix

• Delay issue using HOC

2.0.3 Relase

Fixed typings added new examples.

2.0.0 Release

react-promise-tracker version 2 adds tracker Hooks API implementation.

How to use it?

    
import React from "react";
+ import { usePromiseTracker } from "react-promise-tracker";
import Loader from "react-loader-spinner";
import "./spinner.css";

export const Spinner = (props) => {
+  const { promiseInProgress } = usePromiseTracker();

  return (
+   promiseInProgress && (
      <div className="spinner">
        <Loader type="ThreeDots" color="#2BAD60" height="100" width="100" />
      </div>
    )
  );
};

• We add examples folder in ./examples.

Breaking changes

• Replace area property by config to provide a config object. Example:

import React, { Component } from 'react';
import { render } from 'react-dom';
import { App } from './app';
import { Spinner } from './common/components/spinner';

render(
  <div>
    <App />
-   <Spinner area="test-area" />
+   <Spinner config={ { area: "test-area" } } />
  </div>,
  document.getElementById('root'));

Changes

• Added delay property to resolve promise after feeded delay. A use case, for example, when we have a high speed connection, we don't want to show the spinner if promise was resolved too fast.

• Hook example:

import React from "react";
import { usePromiseTracker } from "react-promise-tracker";
import Loader from "react-loader-spinner";
import "./spinner.css";

export const Spinner = (props) => {
- const { promiseInProgress } = usePromiseTracker();
+ const { promiseInProgress } = usePromiseTracker({delay: 200});

  return (
    promiseInProgress && (
      <div className="spinner">
        <Loader type="ThreeDots" color="#2BAD60" height="100" width="100" />
      </div>
    )
  );
};

• HOC example:

import React, { Component } from 'react';
import { render } from 'react-dom';
import { App } from './app';
import { Spinner } from './common/components/spinner';

render(
  <div>
    <App />
-   <Spinner />
+   <Spinner config={ { delay: 200 } } />
  </div>,
  document.getElementById('root'));

v2.0.0-beta.1

react-promise-tracker version 2 adds tracker Hooks API implementation.

How to use it?

    
import React from "react";
+ import { usePromiseTracker } from "react-promise-tracker";
import Loader from "react-loader-spinner";
import "./spinner.css";

export const Spinner = (props) => {
+  const { promiseInProgress } = usePromiseTracker();

  return (
+   promiseInProgress && (
      <div className="spinner">
        <Loader type="ThreeDots" color="#2BAD60" height="100" width="100" />
      </div>
    )
  );
};

• We add examples folder in ./examples.

Breaking changes

• Replace area property by config to provide a config object. Example:

import React, { Component } from 'react';
import { render } from 'react-dom';
import { App } from './app';
import { Spinner } from './common/components/spinner';

render(
  <div>
    <App />
-   <Spinner area="test-area" />
+   <Spinner config={ { area: "test-area" } } />
  </div>,
  document.getElementById('root'));

Changes

• Added delay property to resolve promise after feeded delay. A use case, for example, when we have a high speed connection, we don't want to show the spinner if promise was resolved too fast.

• Hook example:

import React from "react";
import { usePromiseTracker } from "react-promise-tracker";
import Loader from "react-loader-spinner";
import "./spinner.css";

export const Spinner = (props) => {
- const { promiseInProgress } = usePromiseTracker();
+ const { promiseInProgress } = usePromiseTracker({delay: 200});

  return (
    promiseInProgress && (
      <div className="spinner">
        <Loader type="ThreeDots" color="#2BAD60" height="100" width="100" />
      </div>
    )
  );
};

• HOC example:

import React, { Component } from 'react';
import { render } from 'react-dom';
import { App } from './app';
import { Spinner } from './common/components/spinner';

render(
  <div>
    <App />
-   <Spinner />
+   <Spinner config={ { delay: 200 } } />
  </div>,
  document.getElementById('root'));

v1.1.1

#Fixes

• Fixed race condition between HOC mount and counter state #40. Some Specs #1 #2