Connected React Router Akita Core

A core package for managing React Router state in Akita Store.

Note: You need to subscribe on getLocation and updateLocation and push data to akita store.

Installation

npm install --save @nitor-infotech/connected-akita-router-core

Usage

1. initialize() This method initialize router store with initial history object which we pass as an argument to this method.

import { routerStore } from '@nitor-infotech/connected-akita-router-core';

export default class App extends React.Component {
  constructor(props) {
    super(props);
    routerStore.initialize(history)
  }
  public render() {
    return (
      <div className="App">
		// Your code goes here
      </div>
    );
  }
};

2. getLocation():

	import { routerStore } from '@nitor-infotech/connected-akita-router-core';
	class App extends Component {
		constructor() {
			const routerQuery = routerStore.getQuery(); // Do not call outside class or functional component;
			this.unSubscribeLocation = routerQuery.getLocation().subscribe(location => {
			// Location will return
			const { pathname, search, hash } = location;
		}
	}

3. updateLocation():

	import { routerStore } from '@nitor-infotech/connected-akita-router-core';
	
	const location = {
    pathname: "Some Pathname";
    search: "some query params";
    hash: "Some Hash";
  }
  	const action  = 'PUSH' //action types can be 'PUSH' | 'POP' | 'REPLACE';

	this.routerService = routerStore.getService(); // Do not call outside class or functional component

	this.routerService.updateLocation({location, action})