Skip to content

Instantly share code, notes, and snippets.


Jason Brown browniefed

Block or report user

Report or block browniefed

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View .babelrc
"presets": ["next/babel", "@emotion/babel-preset-css-prop"],
"plugins": [
"languages": [
View codegen.js
module.exports = {
overwrite: true,
generates: {
"./data/index.tsx": {
schema: [
"http://localhost:8081/v1/graphql": {
headers: {
"x-hasura-role": "anonymous"

Consuming Package

Setup this as an .npmrc in a consumer

View wat.jsx
import React from "react";
import ReactModal from "react-modal";
import styled from "react-emotion";
export interface ModalProps {
open: boolean;
contentLabel?: string;
onClose: Function;
View nav.js
import React from "react";
import { StyleSheet, Text, View, TouchableOpacity } from "react-native";
import { StackNavigator } from "react-navigation";
const Home = ({ navigation }) => {
return (
<View style={styles.container}>
<TouchableOpacity onPress={() => navigation.push("OtherStack")}>
// push will only go to "OtherStack" but because we are now inside of "OtherStack" and it's new nested StackNavigator. There is no "OtherStack" just "Meow" and "Blue".
// If we do "navigate" instead it would keep navigating forever
View graph.jsx
import { StyleSheet, View, Text, ActivityIndicator } from "react-native";
import Sizer from "react-native-size";
import {
View reactnav.jsx
import React from "react";
import { StyleSheet, Text, View, TouchableOpacity } from "react-native";
import { StackNavigator, DrawerNavigator, NavigationActions } from "react-navigation";
const ScreenFirst = (props) => (
<TouchableOpacity onPress={() => props.screenProps.onOpen()}>
<Text>Pop Up Something Cool</Text>
View index.js
import React from "react";
import { render } from "react-dom";
import { BrowserRouter, Switch, Route } from "react-router-dom";
import RenderTo from "./render_to";
import Header from "./components/header";
import Nav from "./components/nav";
import Home from "./pages/home";
import AccountsReview from "./pages/accounts_review";
View bug.js
const NavItem =
margin: "15px 0",
({ sub }) => ({
fontSize: ".8rem"
<NavItem sub />
View matchrouter.js
// Master Nav Setup
const Main = StackNavigator(
Landing: {
screen: LandingScreen,
SignIn: {
screen: SignInScreen,
You can’t perform that action at this time.