How to use the found/lib/createConnectedRouter function in found

To help you get started, we’ve selected a few found examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github 4Catalyzer / found / examples / redux / src / index.js View on Github external
const store = createStore(
  combineReducers({
    found: foundReducer,
  }),
  compose(
    createHistoryEnhancer({
      protocol: new BrowserProtocol(),
      middlewares: [queryMiddleware],
    }),
    createMatchEnhancer(new Matcher(routeConfig)),
  ),
);

store.dispatch(FarceActions.init());

const ConnectedRouter = createConnectedRouter({
  render: createRender({
    /* eslint-disable react/prop-types */
    renderError: ({ error }) => (
      <div>{error.status === 404 ? 'Not found' : 'Error'}</div>
    ),
    /* eslint-enable react/prop-types */
  }),
});

ReactDOM.render(
  
    
  ,
  document.getElementById('root'),
);
github 4Catalyzer / found / examples / universal-redux / src / client.js View on Github external
import createConnectedRouter from 'found/lib/createConnectedRouter';
import getStoreRenderArgs from 'found/lib/getStoreRenderArgs';
import resolver from 'found/lib/resolver';
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';

import configureStore from './configureStore';
import render from './render';

const store = configureStore(
  new BrowserProtocol(),
  window.__PRELOADED_STATE__, // eslint-disable-line no-underscore-dangle
);
const matchContext = { store };
const ConnectedRouter = createConnectedRouter({ render });

(async () =&gt; {
  const initialRenderArgs = await getStoreRenderArgs({
    store,
    matchContext,
    resolver,
  });

  ReactDOM.hydrate(
    
      
    ,
github catamphetamine / react-pages / source / router / client.js View on Github external
export function createRouterElement(renderArgs, { dispatch, getState }) {
	const ConnectedRouter = createConnectedRouter({
		render: (renderArgs) =&gt; {
			// Force re-mount the last route component on location path change.
			// https://github.com/4Catalyzer/found/issues/199#issuecomment-415616836
			const elements = renderArgs.elements
			if (elements &amp;&amp; window.reactPagesRemountOnNavigate !== false) {
				elements[elements.length - 1] = React.cloneElement(elements[elements.length - 1], { key: renderArgs.location.pathname })
			}
			return (
				
					{render(renderArgs)}
				
			)
		}
	})
	return (
github jkettmann / universal-react-relay-starter-kit / client / router / Router.js View on Github external
export function createClientRouter() {
  return createConnectedRouter({ render })
}