Sara Vieira SaraVieira

🤷‍♀️

open sourcy and shit

I make useless stuff for the funsies.

SaraVieira / apollo3.js

Created June 4, 2018 17:12

	server.get('/*', async (req, res) => {
	const Root = () => (
	<ApolloProvider client={client}>
	<ThemeProvider theme={theme}>
	<StaticRouter location={req.url} context={context}>
	<App />
	</StaticRouter>
	</ThemeProvider>
	</ApolloProvider>
	)

SaraVieira / apollo2.js

Created June 4, 2018 17:11

	import { getDataFromTree, ApolloProvider } from 'react-apollo'
	import client from './Utils/apollo'
	import theme from './Utils/theme'
	...
	const Root = () => (
	<ApolloProvider client={client}>
	<ThemeProvider theme={theme}>
	<StaticRouter location={req.url} context={context}>
	<App />
	</StaticRouter>

SaraVieira / apollo1.js

Last active June 11, 2018 13:08

	import { InMemoryCache } from 'apollo-cache-inmemory'
	import { ApolloClient } from 'apollo-client'
	import { HttpLink } from 'apollo-link-http'

	export default new ApolloClient({
	connectToDevTools: process.browser,
	ssrMode: !process.browser,
	link: new HttpLink({
	uri: 'https://api.graphcms.com/simple/v1/cjhdcwrb98if90109o4pzawaq'
	}),

SaraVieira / styled.jsx

Created June 4, 2018 17:10

	import React from 'react'
	import { Route, Switch } from 'react-router-dom'
	import Home from './Pages/Home'
	import Speakers from './Pages/Speakers'
	import Speaker from './Pages/Speaker'
	import Tags from './Pages/Tags'
	import Tag from './Pages/Tag'
	import Favorites from './Pages/Favorites'
	import './Utils/global-styles'
	import './Utils/icons'

SaraVieira / styled3.js

Created June 4, 2018 17:09

	res.send(`<!doctype html>
	<html lang="en" ${helmet.htmlAttributes.toString()}>
	<head>
	${helmet.title.toString()}
	${helmet.meta.toString()}
	${helmet.link.toString()}
	${assets.client.css
	? `<link rel="stylesheet" href="${assets.client.css}">`
	: '' }
	${process.env.NODE_ENV === 'production'

SaraVieira / styled2.js

Created June 4, 2018 17:09

	import { ServerStyleSheet, ThemeProvider } from 'styled-components'

	const sheet = new ServerStyleSheet()
	// When the app is rendered collect the styles that are used inside it
	const markup = renderToString(sheet.collectStyles(<Root />))
	// Generate all the style tags so they can be rendered into the page
	const styleTags = sheet.getStyleTags()

SaraVieira / styled.js

Created June 4, 2018 17:08

	const Root = () => (
	<ThemeProvider theme={theme}>
	<StaticRouter location={req.url} context={context}>
	<App />
	</StaticRouter>
	</ThemeProvider>
	)

SaraVieira / helmet.js

Created June 4, 2018 17:07


	...
	import { Helmet } from 'react-helmet'

	....
	const helmet = Helmet.renderStatic()
	res.send(`<!doctype html>
	<html lang="en" ${helmet.htmlAttributes.toString()}>
	<head>
	${helmet.title.toString()}

SaraVieira / icons2.js

Created June 4, 2018 17:06


	...
	import fontawesome from '@fortawesome/fontawesome'

	....
	res.send(`<!doctype html>
	<html lang="en" ${helmet.htmlAttributes.toString()}>
	<head>
	${assets.client.css
	? `<link rel="stylesheet" href="${assets.client.css}">`

SaraVieira / icons.js

Created June 4, 2018 17:06

	import fontawesome from '@fortawesome/fontawesome'
	import faTimes from '@fortawesome/fontawesome-free-solid/faTimes'
	import faSearch from '@fortawesome/fontawesome-free-solid/faSearch'

	fontawesome.config = {
	autoAddCss: false
	}

	fontawesome.library.add(faSearch, faTimes)