redux-first-history

• support redux 5.0 (peer dep and types)

fix: https://github.com/salvoravida/redux-first-history/issues/79

• Added support for basename

import { createReduxHistoryContext } from "redux-first-history";
import { createBrowserHistory } from 'history'; //v5

const { createReduxHistory, routerMiddleware, routerReducer } = createReduxHistoryContext({ 
  history: createBrowserHistory(),
  basename: '/app',
  //other options if needed 
});

fix: remove deprecated oldLocationChangePayload from interface

fix: type for Location in locationChangeAction and history 5.x

• fix: remove reach/router dep if not needed

(#64): Add RouterActions type

fix (#60): Support history 5.1 types on push/replace

• restored internal rr6 support (react-router v6.1.1)

rr6 support :

import { HistoryRouter as Router } from "redux-first-history/rr6";
import { Route, Routes, Navigate } from "react-router-dom";
//...
import { store, history } from "./store";
//...

     <Router history={history}>
                 <Routes>
                   <Route path="/dashboard" element={<Dashboard />} />
                   <Route path="/" element={<Home />} />
                   <Route path="*" element={<Navigate to="/" />} />
                 </Routes>
     </Router>

demo rr6 here: https://codesandbox.io/s/redux-first-history-demo-rr6-uccuw

• removed rr6 folder since is now merged into react-router 6.1.0 https://github.com/remix-run/react-router/releases/tag/v6.1.0

rr6 support :

import { Route, Routes, Navigate, HistoryRouter as Router } from "react-router-dom";
import { store, history } from "./store";
//...
     <Router history={history}>
                 <Routes>
                   <Route path="/dashboard" element={<Dashboard />} />
                   <Route path="/" element={<Home />} />
                   <Route path="*" element={<Navigate to="/" />} />
                 </Routes>
     </Router>

fix jest import on rr6

• Strongly type action creators (#58) (Thanks to @devzeebo)
• Adjust readme (#54) (Thanks to @sgnilreutr)

• fix RouterState type propagation

v5.0.2

• fix types for react-router v6.0.2

• fixed npm package src missing

• rewritten in TS
• add support for react-router v6 !
• tests coverage 100% !

rr6 support :

import { HistoryRouter as Router } from "redux-first-history/rr6";
import { Route, Routes, Navigate } from "react-router-dom";
//...
import { store, history } from "./store";
//...

     <Router history={history}>
                 <Routes>
                   <Route path="/dashboard" element={<Dashboard />} />
                   <Route path="/" element={<Home />} />
                   <Route path="*" element={<Navigate to="/" />} />
                 </Routes>
     </Router>

demo rr6 here: https://codesandbox.io/s/redux-first-history-demo-rr6-uccuw

BREAKING CHANGES:

• removed option "oldLocationChangePayload"

• rewritten in TS
• add support for react-router v6.0.0-beta.1

import { HistoryRouter as Router } from "redux-first-history/rr6";
import { Route, Routes, Navigate } from "react-router-dom";
//...
import { store, history } from "./store";
//...

     <Router history={history}>
                 <Routes>
                   <Route path="/dashboard" element={<Dashboard />} />
                   <Route path="/" element={<Home />} />
                   <Route path="*" element={<Navigate to="/" />} />
                 </Routes>
     </Router>

demo rr6 here: https://codesandbox.io/s/redux-first-history-demo-rr6-uccuw

• support history v5.0.0
• support react-router v6.0.0-alpha.1
  https://github.com/ReactTraining/react-router/releases/tag/v6.0.0-alpha.1
  (removed "listenObject" flag, it will autodetect rr6/history5.x

BREAKING CHANGES:

• removed oldLocationChangePayload flag

import { createReduxHistoryContext, reachify } from "redux-first-history";
import { createWouterHook } from "redux-first-history/wouter";
import { createBrowserHistory } from "history";

const { createReduxHistory, routerMiddleware, routerReducer } = createReduxHistoryContext({ 
    history: createBrowserHistory(), 
 });

export const history = createReduxHistory(store);
export const reachHistory = reachify(history);
export const wouterUseLocation = createWouterHook(history);

• support history v5.0.0
• support react-router v6.0.0 (add listenObject: true options )
  https://github.com/ReactTraining/react-router/releases/tag/v6.0.0-alpha.1

import { createReduxHistoryContext, reachify } from "redux-first-history";
import { createWouterHook } from "redux-first-history/wouter";
import { createBrowserHistory } from "history";

const { createReduxHistory, routerMiddleware, routerReducer } = createReduxHistoryContext({ 
    history: createBrowserHistory(), 
    listenObject: true, // support react-router v6.0
 });

export const history = createReduxHistory(store);
export const reachHistory = reachify(history);
export const wouterUseLocation = createWouterHook(history);

• support imperatively navigate from @reach/router import { navigate } from '@reach/router'`

usage:

import { createBrowserHistory } from 'history';
import { globalHistory } from '@reach/router';

const { createReduxHistory, routerMiddleware, routerReducer } = createReduxHistoryContext({ 
  history: createBrowserHistory(),
  //others options if needed 
  reachGlobalHistory: globalHistory 
});