react-hooks-use-previous
Strongly typed and well tested React Hooks to store and retrieve previous values from any component property.
---
[![Build Status][build-badge]][build]
[![Code Coverage][coverage-badge]][coverage]
[![Version][version-badge]][package]
[![Downloads][downloads-badge]][npmtrends]
[![MIT License][license-badge]][license]
[![Semantic Release][release-badge]][release]
[![Conventional Commits][commits-badge]][commits]
[](#contributors-)
[![PRs Welcome][prs-badge]][prs]
[![Code of Conduct][coc-badge]][coc]
[![Discord][discord-badge]][discord]
[![Twitter][twitter-badge]][twitter]
## About
React Hooks Use Previous is a collection of strongly typed and well tested hooks to store and retrieve retrieve previous values from any component property. The most common default values are already set so just close that bracket and save yourself those extra characters.
This library works out of the box with React / React Native projects using JavaScript or Typescript and has all necessary type declarations included.
## Table of Contents
- [⚙️ Installation](#️-installation)
- [⚡️ Getting Started](#️-getting-started)
- [🎯 Features](#-features)
- [Other Solutions](#other-solutions)
- [Issues](#issues)
- [🐛 Bugs](#-bugs)
- [💡 Feature Requests](#-feature-requests)
- [Contributors ✨](#contributors-)
- [LICENSE](#license)
## ⚙️ Installation
### Latest stable release
```sh
npm install --save react-hooks-use-previous
```
or
```sh
yarn add react-hooks-use-previous
```
### Latest Release Candidate
```sh
npm install --save react-hooks-use-previous@next
```
or
```sh
yarn add react-hooks-use-previous@next
```
## ⚡️ Getting Started
```typescript
import React, { useState } from 'react';
import usePrevious, { usePreviousNumber } from 'react-hooks-use-previous';
import { isEqual } from 'lodash';
const MyReactComponent = () => {
// This is the state variable from which we need
// the previous value while rendering
const [value, setValue] = useState
