Skip to content

Instantly share code, notes, and snippets.

View didierfranc's full-sized avatar

Didier Franc didierfranc

132 followers · 0 following
View GitHub Profile
@didierfranc
didierfranc / package.json
Last active February 29, 2016 00:53
{
"name": "es6",
"version": "1.0.0",
"description": "My first ES6 project",
"main": "main.js",
"scripts": {
"build": "webpack --optimize-minimize && cp -r src/* cordova/www"
},
"author": "Didier Franc",
"license": "MIT",
@didierfranc
didierfranc / Brew + Node + Cordova
Last active February 29, 2016 01:02
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew install node
npm install -g cordova webpack
@didierfranc
didierfranc / webpack.config.js
Last active February 29, 2016 01:10
module.exports = {
entry: "./src/main.js",
output: {
path: __dirname + "/src",
filename: "bundle.js"
},
module: {
loaders: [
{
test: /\.js$/,
@didierfranc
didierfranc / Cordova + Autoroute
Last active May 17, 2016 18:04
npm init
npm install babel-loader babel-core babel-preset-es2015 --save-dev
npm install autoroute.js --save
echo '{ "presets": ["es2015"] }' > .babelrc
cordova create cordova com.example.appname AppName
cd cordova
cordova platform add ios
cordova run ios --device
@didierfranc
didierfranc / fetch.js
Created May 21, 2016 01:36
Fetch + ES7 Async Functions 😍
const get = u => fetch(u).then(r => r.json())
const profile = async() => {
let data = await get(url)
let { pseudo, email, avatar } = data
}
// 👉 http://babeljs.io/docs/plugins/transform-runtime/
@didierfranc
didierfranc / react-async.js
Created May 29, 2016 21:23
const Spinner = () => (
<p>Loading ...</p>
)
const List = ({items}) => (
<ul>
{items.maps((item, i) => <li key={i}>{item.text}</li>)}
</ul>
)
@didierfranc
didierfranc / redux-react-starter.js
Created January 17, 2017 21:19
const fs = require('fs')
const path = require('path')
const express = require('express')
const compression = require('compression')
const bodyParser = require('body-parser')
const jwt = require('jsonwebtoken')
// Allow CORS
const origin = '*'
const app = express()
@didierfranc
didierfranc / code-splitting-2.jsx
Created February 7, 2017 21:26
import Login from './Login'
import Signup from './Signup'
import Header from './Header'
import Home from './Home'
const App = ({ user }) => (
<Body>
<Header />
{user.loggedIn ? <Route path="/" component={Home} /> : <Redirect to="/login" />}
<Route path="/signup" component={Signup} />
@didierfranc
didierfranc / code-splitting-4.jsx
Created February 7, 2017 21:57
import Async from 'react-code-splitting'
import Login from './Login'
import Signup from './Signup'
import Header from './Header'
const Home = () => <Async load={import('./Home')} />
const App = ({ user }) => (
<Body>
<Header />
@didierfranc
didierfranc / code-splitting-3.jsx
Last active June 22, 2017 18:50
import Login from './Login'
import Signup from './Signup'
import Header from './Header'
class Home extends React.Component {
componentWillMount = () => {
import('./Home').then(Component => {
this.Component = Component
this.forceUpdate()
})