Skip to content

Instantly share code, notes, and snippets.

View stolinski's full-sized avatar
💭
Syntax.fm

Scott Tolinski stolinski

💭
Syntax.fm
View GitHub Profile
@stolinski
stolinski / style.css
Last active August 5, 2020 21:00
levelup-classless.css
@import url("https://fonts.googleapis.com/css?family=Space+Mono:400|Work+Sans:400");
:root {
/* Define Colors as colors */
--green: #00ebc7;
--red: #ff5470;
--yellow: #fde24f;
--black: #1b2d45;
--darkBlue: #00214d;
--darkGrey: #222;
@stolinski
stolinski / keybindings.json
Created June 21, 2017 23:10
VSCode Tab Switching Keybindings
[
{ "key": "ctrl+1", "command": "workbench.action.focusFirstEditorGroup" },
{ "key": "ctrl+2", "command": "workbench.action.focusSecondEditorGroup" },
{ "key": "ctrl+3", "command": "workbench.action.focusThirdEditorGroup" },
{ "key": "cmd+1", "command": "workbench.action.openEditorAtIndex1" },
{ "key": "cmd+2", "command": "workbench.action.openEditorAtIndex2" },
{ "key": "cmd+3", "command": "workbench.action.openEditorAtIndex3" },
{ "key": "cmd+4", "command": "workbench.action.openEditorAtIndex4" },
{ "key": "cmd+5", "command": "workbench.action.openEditorAtIndex5" },
{ "key": "cmd+6", "command": "workbench.action.openEditorAtIndex6" },
@stolinski
stolinski / Images.js
Created April 19, 2019 18:42
Images Array For useSprings
const pages = [
'https://images.pexels.com/photos/62689/pexels-photo-62689.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260',
'https://images.pexels.com/photos/296878/pexels-photo-296878.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260',
'https://images.pexels.com/photos/1509428/pexels-photo-1509428.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260',
'https://images.pexels.com/photos/351265/pexels-photo-351265.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260',
'https://images.pexels.com/photos/924675/pexels-photo-924675.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'
]
@stolinski
stolinski / Toggle.js
Created February 19, 2019 20:18
Refactor For Hooks Course
import React, { Component } from "react";
export default class Refactor extends Component {
state = {
isToggled: false
};
toggle = () => {
this.setState(state => {
return { isToggled: !state.isToggled };
@stolinski
stolinski / mockMang.js
Created April 9, 2018 17:27
Level Up Tutorials MockMang
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 = () =>
Loadable.preloadAll()
.then(() =>
onPageLoad(async sink => {
try {
const cache = new InMemoryCache();
const stateLink = withClientState({
cache,
resolvers: stateMutations,
defaults: defaultState,
@stolinski
stolinski / ssr.js
Created April 25, 2018 14:47
Apollo Meteor SSR
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
stolinski / StateButton.js
Created April 16, 2018 20:03
A fun re-useable button for modifying Apollo state easily.
export const StateButton = props => (
<ApolloConsumer>
{cache => {
const { data } = props;
return (
<Button
{...props}
onClick={e => {
e.preventDefault();
cache.writeData({ data });
@stolinski
stolinski / eslint.json
Created March 2, 2018 02:32
React For Everyone esline
{
"parser": "babel-eslint",
"env": {
"browser": true,
"es6": true
},
"settings": {
"ecmascript": 6,
"jsx": true
},
@stolinski
stolinski / ssr-init.js
Last active February 3, 2018 18:07
Not working SSR Config GraphQL & Meteor
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';