Skip to content

Instantly share code, notes, and snippets.

View gregberge's full-sized avatar
😉
Building a better web

Greg Bergé gregberge

😉
Building a better web
View GitHub Profile
@gregberge
gregberge / ArticleCard.js
Last active May 24, 2018 19:10
FraQL preview 👌
import React from 'react'
import gql from 'fraql'
const ArticleCard = ({ article }) => (
<div>
<h1>{article.title}</h1>
<p>{article.description}</p>
</div>
)
/* eslint-disable react/no-multi-comp, react/no-unused-state */
import React from 'react'
import { connect } from 'react-redux'
import * as ReactAdmin from 'react-admin'
import { createSelector } from 'reselect'
import { Field, arrayRemove, arrayPush } from 'redux-form'
import { CircularProgress } from 'material-ui/Progress'
import Table, {
TableBody,
TableCell,
@gregberge
gregberge / .babelrc
Created December 12, 2017 15:13
React boilerplate using Parcel
{ "presets": ["env", "react"] }
@gregberge
gregberge / App.js
Last active November 15, 2017 11:30
Smooth Code - GraphQL Training - React bootstrap
import React from 'react'
import gql from 'graphql-tag'
import { graphql } from 'react-apollo'
const QUERY = gql`
query character {
character(id: 1) {
name
films {
id
@gregberge
gregberge / Node.js
Created November 10, 2017 11:08
Exercice JS training.
class Node {
leftNodes = []
rightNodes = []
area = null
level = 0
constructor({ data = {}, context = {}, computeData = node => node.data }) {
this.data = data
this.context = context
this.computeData = computeData
import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter, Route } from 'react-router-dom'
import loadable, { loadComponents } from 'loadable-components'
const Home = loadable(() => import('./Home'))
const About = loadable(() => import('./About'))
const Topics = loadable(() => import('./Topics'))
const App = () =>
import React from 'react'
import { renderToString } from 'react-dom/server'
import { StaticRouter } from 'react-router'
import { getLoadableState } from 'loadable-components/server'
import App from './App'
const app = (
<StaticRouter>
<App />
</StaticRouter>
import React from 'react'
import { renderToString } from 'react-dom/server'
import { StaticRouter } from 'react-router'
import { getLoadableState } from 'loadable-components/server'
import App from './App'
const app = (
<StaticRouter>
<App />
</StaticRouter>
import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter, Route } from 'react-router-dom'
import loadable from 'loadable-components'
const Home = loadable(() => import('./Home'))
const About = loadable(() => import('./About'))
const Topics = loadable(() => import('./Topics'))
const App = () =>
import React from 'react'
class Home extends React.Component {
state = { Component: null }
componentWillMount() {
import('./Home').then(Component => {
this.setState({ Component })
})
}