use-simple-undo

KO | EN

gitlite — search

#nodejs #javascript #php #go #python #r #shell #java #ruby #metrics #ios #c-plus-plus

use-simple-undo

★ 30 Open GitHub ↗

🔄 Simple solution to handle undo\redo turned into React Hooks

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![npm](https://img.shields.io/npm/dt/use-simple-undo.svg)
![npm](https://img.shields.io/npm/v/use-simple-undo.svg)
![NpmLicense](https://img.shields.io/npm/l/use-simple-undo.svg)

**Use Simple Undo** - Simple solution to handle undo\redo turned into React Hooks.
Read about [Hooks](https://reactjs.org/docs/hooks-intro.html) feature.

## Documentation

https://sandiiarov.github.io/use-simple-undo

## Installation

> Note: React 16.8+ is required for Hooks.

### With npm

```sh
npm i use-simple-undo
```

### Or with yarn

```sh
yarn add use-simple-undo
```

## Usage

```jsx
import useSimpleUndo from 'use-simple-undo';
```

```jsx
const Counter = () => {
  const [state, cursor, setValue, { undo, redo }] = useSimpleUndo(0);

const value = state[cursor];

const increment = () => setValue(value + 1);
  const decrement = () => setValue(value - 1);

return (
    <>
      <div>{value}</div>
      <button onClick={increment}>increment</button>
      <button onClick={decrement}>decrement</button>
      <button onClick={undo}>undo</button>
      <button onClick={redo}>redo</button>
    </>
  );
};
```

use-simple-undo

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README