stolinski

import React from 'react';
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';

const Routes = () => {
  return (
    <Router>
      <ul className="router-nav">
        <NavLink to="/">One</NavLink>
        <NavLink to="/two">Two</NavLink>
        <NavLink to="/three">Three</NavLink>

stolinski

import React, { Component } from "react";

export default class Refactor extends Component {
  state = {
    isToggled: false
  };

  toggle = () => {
    this.setState(state => {
      return { isToggled: !state.isToggled };

stolinski

Loadable.preloadAll()
  .then(() =>
    onPageLoad(async sink => {
      try {
        const cache = new InMemoryCache();
        const stateLink = withClientState({
          cache,
          resolvers: stateMutations,
          defaults: defaultState,

stolinski

import React from 'react';
import { StaticRouter } from 'react-router';
import { ServerStyleSheet } from 'styled-components';
import { onPageLoad } from 'meteor/server-render';
// import { createApolloServer } from './apolloServer';
import { createApolloServer } from 'meteor/apollo';
import { Helmet } from 'react-helmet';
import { SchemaLink } from 'apollo-link-schema';
import 'isomorphic-fetch';
// Apollo

stolinski

export const StateButton = props => (
  <ApolloConsumer>
    {cache => {
      const { data } = props;
      return (
        <Button
          {...props}
          onClick={e => {
            e.preventDefault();
            cache.writeData({ data });

stolinski

import { makeExecutableSchema, addMockFunctionsToSchema } from 'graphql-tools';
import { graphql } from 'graphql';
import GraphQLMock from 'graphql-mock';
import typeDefs from 'imports/startup/both/typeDefs';

// Make a GraphQL schema with no resolvers
const schema = makeExecutableSchema({ typeDefs });

// Creates random id
const revisedRandId = () =>

stolinski

{
  "parser": "babel-eslint",
  "env": {
      "browser": true,
      "es6": true
  },
  "settings": {
        "ecmascript": 6,
        "jsx": true
  },

stolinski

const httpLink = new HttpLink({ uri: Meteor.absoluteUrl('graphql') });
const authLink = new ApolloLink((operation, forward) => {
  const token = Accounts._storedLoginToken(); // from local storage
  operation.setContext(() => ({
    headers: {
      'meteor-login-token': token,
    },
  }));
  return forward(operation);
});

stolinski

const httpLink = new HttpLink({ uri: Meteor.absoluteUrl('graphql') });
const authLink = new ApolloLink((operation, forward) => {
  const token = Accounts._storedLoginToken(); // from local storage
  operation.setContext(() => ({
    headers: {
      'meteor-login-token': token,
    },
  }));
  return forward(operation);
});

stolinski

import React from 'react';
import { renderToNodeStream } from 'react-dom/server';
import { StaticRouter } from 'react-router';
import { ServerStyleSheet } from 'styled-components';
import { onPageLoad } from 'meteor/server-render';
import { Helmet } from 'react-helmet';
import 'isomorphic-fetch';
// Apollo
import { ApolloProvider, getDataFromTree } from 'react-apollo';
import { ApolloClient, Observable } from 'apollo-client';