How to use the found.createFarceRouter 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 episodeyang / ml_logger / ml-dash-client / src / index.js View on Github external
import ReactDOM from 'react-dom';
import {modernEnvironment} from "./data";
import {BrowserProtocol, queryMiddleware} from 'farce';
import {createFarceRouter, createRender, makeRouteConfig, Route,} from 'found';
import {Resolver} from 'found-relay';
import FrontPage from './pages/FrontPage';
import Profile, {ProfileQuery, render as ProfileRender} from "./pages/Profile";
import KitchenSink from "./pages/KitchenSink";
import Dash from "./pages/Dash";
import Theme from "./Theme";
import Settings from "./pages/Settings";
import Profiles from "./pages/Profiles";
import './App.css';
import store from "./local-storage";

const Router = createFarceRouter({
  historyProtocol: new BrowserProtocol(),
  historyMiddlewares: [queryMiddleware],
  routeConfig: makeRouteConfig(
      
        
        
        
        
         params} query={ProfileQuery}
               render={ProfileRender}/>
        
      
  ),

  render: createRender({}),
github coralproject / talk / src / core / client / account / App / App.tsx View on Github external
import { BrowserProtocol, queryMiddleware } from "farce";
import { createFarceRouter, ElementsRenderer } from "found";
import { Resolver } from "found-relay";
import React, { FunctionComponent } from "react";

import { CoralContextConsumer } from "coral-framework/lib/bootstrap/CoralContext";
import TransitionControl from "coral-framework/testHelpers/TransitionControl";

import routeConfig from "../routeConfig";
import NotFound from "../routes/NotFound";
import MainLayout from "./MainLayout";

import "./App.css";

const Router = createFarceRouter({
  historyProtocol: new BrowserProtocol(),
  historyMiddlewares: [queryMiddleware],
  routeConfig,
  renderReady: function FarceRouterReady({ elements }) {
    return (
      <>
        
        {process.env.NODE_ENV === "test" && }
      
    );
  },
  renderError: function FarceRouterError({ error }) {
    return <div>{error.status === 404 ?  : "Error"}</div>;
  },
});
github coralproject / talk / src / core / client / admin / App / App.tsx View on Github external
import { BrowserProtocol, queryMiddleware } from "farce";
import { createFarceRouter, ElementsRenderer } from "found";
import { Resolver } from "found-relay";
import React, { FunctionComponent } from "react";

import { CoralContextConsumer } from "coral-framework/lib/bootstrap/CoralContext";
import TransitionControl from "coral-framework/testHelpers/TransitionControl";

import routeConfig from "../routeConfig";
import NotFound from "../routes/NotFound";

const Router = createFarceRouter({
  historyProtocol: new BrowserProtocol(),
  historyMiddlewares: [queryMiddleware],
  routeConfig,
  renderReady: function FarceRouterReady({ elements }) {
    return (
      &lt;&gt;
        
        {process.env.NODE_ENV === "test" &amp;&amp; }
      
    );
  },
  renderError: function FarceRouterError({ error }) {
    return <div>{error.status === 404 ?  : "Error"}</div>;
  },
});