| import { createFilter } from 'rollup-pluginutils' | |
| function assign (target, source) { | |
| Object.keys(source).forEach((key) => { | |
| target[key] = source[key] | |
| }) | |
| return target | |
| } | |
| const DEFAULT_HEADER = 'import React from \'react\';' |
| // grab your file object from a file input | |
| $('#fileInput').change(function () { | |
| sendFile(this.files[0]); | |
| }); | |
| // can also be from a drag-from-desktop drop | |
| $('dropZone')[0].ondrop = function (e) { | |
| e.preventDefault(); | |
| sendFile(e.dataTransfer.files[0]); | |
| }; |
| // There's no way to retrieve detailed sales info from Gumroad.com through | |
| // their official API. | |
| // This bypasses that by posting a login form and then hitting an API only accessible | |
| // via AJAX with a session cookie | |
| // you just need USERNAME and PASSWORD set as environment variables where this is ran | |
| var request = require('request'); | |
| module.exports = function (cb) { |
Why would you want to do this? Because you often don't need more. It's nice to not have to think about your "router" as this big special thing.
Instead, with this approch, your app's current pathname is just another piece of state, just like anything else.
This also means that when doing server-side rendering of a redux app, you can just do:
var app = require('your/redux/app')
var React = require('react')
| // what if this was something browsers just gave us? | |
| const { vdom } = document; | |
| // this is same idea as React.createElement | |
| // or any of the other similar appraoches | |
| const newVirtualDom = vdom('div', {className: 'some-class'}, [ | |
| vdom('p', null, 'hi') | |
| ]) | |
| // if preferred, someone could easily use JSX and precompile it |
| import gqlFetch from '../helpers/gql-fetch' | |
| import config from '../config' | |
| export default { | |
| name: 'extraArgs', | |
| getExtraArgs: store => { | |
| return { | |
| gqlFetch: gqlFetch({ | |
| apiUrl: config.apiUrl, | |
| getToken: () => store.selectAuthToken(), |
| export default (property, ascOrDesc = 'asc') => (a, b) => { | |
| const asc = ascOrDesc === 'asc' | |
| const valA = a[property] | |
| const valB = b[property] | |
| if (valA > valB) { | |
| return asc ? 1 : -1 | |
| } | |
| if (valB > valA) { | |
| return asc ? -1 : 1 | |
| } |
| // compare to https://bundlephobia.com/result?p=lodash.omit@4.5.0 | |
| export default (obj, keys = []) => { | |
| const copy = Object.assign({}, obj) | |
| keys.forEach(key => { | |
| delete copy[key] | |
| }) | |
| return copy | |
| } |
| [ | |
| { | |
| "location": { | |
| "lat": 42.2152227, | |
| "lng": -89.4553088 | |
| }, | |
| "weight": 4 | |
| }, | |
| { | |
| "location": { |
| <html> | |
| <head> | |
| <style> | |
| body { | |
| font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; | |
| font-weight: 300; | |
| color: gray; | |
| } | |
| badass-list-thing { |