UNPKG

@nitor-infotech/connected-akita-router-core

Version:
65 lines (44 loc) 1.81 kB
# 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})