Tested under webpack-dev-server 1.7.0.
- Clone this gist
npm installnpm start- Visit http://localhost:8080 (or http://192.168.x.x:8080) on multiple devices
- Edit entry.js and hit save
| import assign from "object-assign"; | |
| import Flux from "flummox"; | |
| import React from "react"; | |
| export default React.createClass({ | |
| displayName: "FluxContainer", | |
| contextTypes: { | |
| flux: React.PropTypes.instanceOf(Flux), | |
| }, |
Tested under webpack-dev-server 1.7.0.
npm installnpm start| { | |
| "ecmaFeatures": { | |
| "arrowFunctions": true, | |
| "binaryLiterals": false, | |
| "blockBindings": true, | |
| "classes": true, | |
| "defaultParams": true, | |
| "destructuring": true, | |
| "forOf": false, | |
| "generators": true, |
| #!/usr/bin/env bash | |
| # Colours picked from https://robinpowered.com/blog/best-practice-system-for-organizing-and-tagging-github-issues/ | |
| ### | |
| # Label definitions | |
| ### | |
| declare -A LABELS | |
| # Platform |
NOTE I'm trying to find the most optimal fav/touch icon setup for my use-cases. Nothing new here. Read Mathias Bynens' articles on re-shortcut-icon and touch icons, a FAQ or a Cheat Sheet for all the details.
I'd like to hear how you approach this: @valuedstandards or comment on this gist.
You have to include a boatload of link elements pointing to many different images to provide (mobile) devices with a 'favicon' or 'touch icon':
| // go on you labels pages | |
| // eg https://github.com/cssnext/cssnext/labels | |
| // paste this script in your console | |
| // copy the output and now you can import it using https://github.com/popomore/github-labels ! | |
| var labels = []; | |
| [].slice.call(document.querySelectorAll(".label-link")) | |
| .forEach(function(element) { | |
| labels.push({ | |
| name: element.textContent.trim(), |
| import { graphql, GraphQLString, GraphQLInt } from 'graphql'; | |
| import { objectType, enumType, schemaFrom, listOf } from 'graphql-schema'; | |
| import request from 'promisingagent'; | |
| const repositorySortEnum = enumType('RepositorySort') | |
| .value('CREATED', 'created') | |
| .value('UPDATED', 'updated') | |
| .value('PUSHED', 'pushed') | |
| .value('FULL_NAME', 'full_name') | |
| .end(); |
| import React, { Component } from 'react'; | |
| import { createStore, combineReducers, applyMiddleware, bindActionCreators } from 'redux'; | |
| import { provide, connect } from 'react-redux'; | |
| import thunk from 'redux-thunk'; | |
| const AVAILABLE_SUBREDDITS = ['apple', 'pics']; | |
| // ------------ | |
| // reducers | |
| // ------------ |
Hi Zach :D
Modals are funny beasts, usually they are a design cop-out, but that's okay, designers have to make trade-offs too, give 'em a break.
First things first, I'm not sure there is such thing as a "simple" modal that is production ready. Certainly there have been times in my career I tossed out other people's "overly complex solutions" because I simply didn't understand the scope of the problem, and I have always loved it when people who have a branch of experience that I don't take the time
| // give it a name so it reuses the same window | |
| var win = window.open(null, "redux-devtools", "menubar=no,location=no,resizable=yes,scrollbars=no,status=no"); | |
| // reload in case it's reusing the same window with the old content | |
| win.location.reload(); | |
| // wait a little bit for it to reload, then render | |
| setTimeout(function() { | |
| React.render( | |
| <DebugPanel top right bottom left > |