How to use the found/lib/makeRouteConfig 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 staylor / graphql-wordpress / packages / relay-wordpress / src / routes / index.js View on Github external
});

export const historyMiddlewares = [queryMiddleware];

const renderProp = ({ Component, props }: { Component: any, props: Object }) =>
  Component && props ? (
    
      
    
  ) : (
    
  );

/* eslint-disable global-require */

export const routeConfig = makeRouteConfig(
   import(/* webpackChunkName: "app" */ '../containers/App'))}
    query={AppQuery}
    prepareVariables={params => ({
      ...params,
      menuID: 'TmF2TWVudToy',
      sidebarID: 'U2lkZWJhcjpzaWRlYmFyLTE=',
    })}
  >
     import(/* webpackChunkName: "term" */ './Term'))}
      query={TermQuery}
      render={renderProp}
      prepareVariables={params => ({
github taion / relay-todomvc / src / router.js View on Github external
network: Network.create((...args) => fetcher.fetch(...args)),
    store: new Store(new RecordSource()),
  });

  return new Resolver(environment);
}

const TodoListQuery = graphql`
  query router_TodoList_Query($status: String!) {
    viewer {
      ...TodoList_viewer
    }
  }
`;

export const routeConfig = makeRouteConfig(
  
     ({ ...params, status: 'any' })}
    />
github 4Catalyzer / found / examples / basic-jsx / src / index.js View on Github external
Foo
          Bar (async)
          Baz (redirects to Foo)
          Qux (missing)
        
      

      {children}
    
  );
}

App.propTypes = propTypes;

const BrowserRouter = createBrowserRouter({
  routeConfig: makeRouteConfig(
    
       <div>Main</div>} /&gt;
       <div>Foo</div>} /&gt;
      
          new Promise(resolve =&gt; {
            setTimeout(resolve, 1000, ({ data }) =&gt; <div>{data}</div>);
          })
        }
        getData={() =&gt;
          new Promise(resolve =&gt; {
            setTimeout(resolve, 1000, 'Bar');
          })
        }
        render={({ Component, props }) =&gt;
github relay-tools / found-relay / examples / todomvc-universal / src / router.js View on Github external
import { graphql } from 'react-relay';

import TodoApp from './components/TodoApp';
import TodoList from './components/TodoList';

export const historyMiddlewares = [queryMiddleware];

const TodoListQuery = graphql`
  query router_TodoList_Query($status: String!) {
    viewer {
      ...TodoList_viewer
    }
  }
`;

export const routeConfig = makeRouteConfig(
  
     ({ ...params, status: 'any' })}
    /&gt;
github catamphetamine / react-pages / source / router / index.js View on Github external
export function convertRoutes(routes) {
	return makeRouteConfig(routes)
}
github yusinto / relay-modern-ssr / src / universal / routes.js View on Github external
import React from 'react';
import makeRouteConfig from 'found/lib/makeRouteConfig';
import Route from 'found/lib/Route';

import App from './app';
import Home from './home';
import Countries from './countries';

const routes =
  
    
    
     "Page Not Found"}/&gt;
  ;

export default makeRouteConfig(routes);