undo-redo

import { useReducer, useCallback } from 'react';

const initialState = (present) => ({ past: [], present, future: [] });

function historyReducer(state, action) {
  const { past, present, future } = state;

Build an Undo/Redo History Stack with a useHistory Reducer Hook in React

react hooks usereducer

by codesnips 3 tabs

typescript

export interface DocState {
  text: string;
  selection: number;
}

export interface Command<S> {

Undo/Redo in a React Text Editor with a Command-History Stack

react hooks undo-redo

by codesnips 3 tabs