Skip to content

Instantly share code, notes, and snippets.

View johnnykoo84's full-sized avatar

Johnny Ilmo Koo johnnykoo84

View GitHub Profile
import React from "react";
import ReactDOM from "react-dom";
import { ApolloProvider } from "react-apollo";
import client from "./apollo/client";
import App from "./App";
const wrappedApp = (
<ApolloProvider client={client}>
<App />
</ApolloProvider>
import React, { Component } from "react";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import { Query } from "react-apollo";
import jwtDecode from "jwt-decode";
import "./styles/styleIndex";
import {
Header,
Footer,
Home,
{
"name": "learnco-client",
"version": "0.1.0",
"private": true,
"dependencies": {
"apollo-boost": "^0.1.10",
"apollo-link": "^1.2.2",
"apollo-link-context": "^1.0.8",
"graphql": "^0.13.2",
"graphql-tag": "^2.9.2",
@johnnykoo84
johnnykoo84 / Redux-Form-Semantic-UI-React
Created August 27, 2017 08:25 — forked from mairh/Redux-Form-Semantic-UI-React
Semantic-UI-React form validation using redux-form example
// semantic-ui-form.js
import React from 'react';
import PropTypes from 'prop-types';
import { Form, Input } from 'semantic-ui-react';
export default function semanticFormField ({ input, type, label, placeholder, meta: { touched, error, warning }, as: As = Input, ...props }) {
function handleChange (e, { value }) {
return input.onChange(value);
}
@johnnykoo84
johnnykoo84 / todolist.jsx
Created January 29, 2017 06:04 — forked from marekdano/todolist.jsx
Simple Todo list app using React and ES6 with functions delete a todo and/or mark a todo as done
import React from 'react';
/*
Todo app structure
TodoApp
- TodoHeader
- TodoList
- TodoListItem #1
- TodoListItem #2