- Create a gist or reuse one of your gists.
- Clone your gist:
git clone https://gist.github.com/<hash>.git
- Add your image to your gist's repository:
// Async/Await requirements: Latest Chrome/FF browser or Babel: https://babeljs.io/docs/plugins/transform-async-to-generator/ | |
// Fetch requirements: Latest Chrome/FF browser or Github fetch polyfill: https://github.com/github/fetch | |
// async function | |
async function fetchAsync () { | |
// await response of fetch call | |
let response = await fetch('https://api.github.com'); | |
// only proceed once promise is resolved | |
let data = await response.json(); | |
// only proceed once second promise is resolved |
It was not exactly obvious. Here's how to revert a Gist commit!
Checkout the gist like a normal git repo:
# replace the Gist ID with your own
git clone [email protected]:cc13e0fcf2c348cc126f918e4a3917eb.git
Treat it like a normal repo. Edit, force push, etc.
{ | |
"scripts": { | |
"build": "npm run build:es2015 && npm run build:esm && npm run build:cjs && npm run build:umd && npm run build:umd:min", | |
"build:es2015": "tsc --module es2015 --target es2015 --outDir dist/es2015", | |
"build:esm": "tsc --module es2015 --target es5 --outDir dist/esm", | |
"build:cjs": "tsc --module commonjs --target es5 --outDir dist/cjs", | |
"build:umd": "rollup dist/esm/index.js --format umd --name YourLibrary --sourceMap --output dist/umd/yourlibrary.js", | |
"build:umd:min": "cd dist/umd && uglifyjs --compress --mangle --source-map --screw-ie8 --comments --o yourlibrary.min.js -- yourlibrary.js && gzip yourlibrary.min.js -c > yourlibrary.min.js.gz", | |
} | |
} |
import React, { Component } from 'react'; | |
import FruitContext from './FruitContext'; | |
import FruityComponent from './FruityComponent'; | |
export class App extends Component { | |
state = { | |
fruit: 'apple', | |
} |
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height); | |
const pixels = imageData.data; | |
for (let i = 3, n = canvas.width * canvas.height * 4; i < n; i += 4) { | |
pixels[i] = pixels[i] < 127? 0 : 255 | |
} | |
ctx.putImageData(imageData, 0, 0); |
git hash-object ./file | |
# or | |
git hash-object -t blob | |
# or | |
cat ./file | git hash-object --stdin |
// Add any other logic here as needed. | |
import { CacheableResponsePlugin } from 'workbox-cacheable-response/CacheableResponsePlugin'; | |
import { CacheFirst } from 'workbox-strategies/CacheFirst'; | |
import { createHandlerForURL } from 'workbox-precaching/createHandlerForURL'; | |
import { ExpirationPlugin } from 'workbox-expiration/ExpirationPlugin'; | |
import { NavigationRoute } from 'workbox-routing/NavigationRoute'; | |
import { precacheAndRoute } from 'workbox-precaching/precacheAndRoute'; | |
import { registerRoute } from 'workbox-routing/registerRoute'; |
function middleInBetweenNumnbers(min, max) { | |
return Math.floor((max+min)/2); | |
} |
// Original code by Homer Chen | |
// https://github.com/homerchen19/use-undo | |
// Same as original but using useState instead of useReducer | |
import { useState, useCallback } from 'react'; | |
const initialState = { | |
past: [], | |
present: null, |