| import State, {get, put, modify} from 'fantasy-states' | |
| import {prop, compose, map, chain, merge, always} from 'ramda' | |
| // Unfortunately Binary Gendered Baby Page | |
| //========================================== | |
| const babies = [{id: 2, name: 'Anjali', sex: 'F'}, {id: 3, name: 'Antonio', sex: 'M'}] | |
| // isFemale :: Baby -> Bool |
| /* line 5, /Users/ryanjames/Sites/desiring-god/app/assets/stylesheets/modules/_grid.scss */ | |
| .grid-container { | |
| padding-left: 10px; | |
| padding-right: 10px; | |
| max-width: 400px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| /* line 12, /Users/ryanjames/.rvm/gems/ruby-2.4.1/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */ | |
| .grid-container:after { |
| // from the brilliant mind of sb | |
| var _catch = Promise.prototype.catch; | |
| Promise.prototype.catch = function () { | |
| return _catch.call(this, function (err) { setTimeout(function () { throw(err); }, 0); }); | |
| } | |
| $ = jQuery | |
| $.fn.lineHeight or= -> | |
| if height = @data('lineHeight') | |
| return height | |
| # Create a hidden div with the same font | |
| # properties, then measure its height | |
| $shadow = $('<span />') | |
| $shadow.css({ |
| [api]: New apis / changes to apis | |
| [test]: Update test/* files | |
| [dist]: Changes to submodules, version bumps, updates to package.json | |
| [minor]: Small changes | |
| [doc]: Updates to documentation | |
| [ux]: Updates to UX | |
| [fix]: Bug fixes | |
| [bin]: Update binary scripts associated with the project | |
| [merge]: Resolved git merge from upstream or otherwise | |
| [refactor]: Refactor of existing code with no external API changes |
Small script for development + builds with browserify.
Uses loose-envify for faster inlining and cross-env to handle windows/unix shells.
Dev features:
Build features:
| // 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 > |
In PureScript there are types of different kinds. Kinds are types for types. For example Int has kind Type, and we write it as Int :: Type. You can ask for the kind of a type in purs psci
> :k Int
TypeType constructors take types to other types. For example Array (which still needs another type to form a type a value could have, like Array Int):
Deprecated. See https://www.polymer-project.org/articles/unit-testing-elements.html for the latest version.
Note: this guide is a work-in-progress and will be added to the Polymer docs when it's ready. We have updated <seed-element> to include unit tests and this guide has been moved to Google docs. Expect a version on the Polymer site before the end of September.
After spending days working on your <super-awesome> Polymer element, you’re finally ready to share it with the rest of the world. You add the code for using it to your demo, iterate on it over time and come back to it one day when..uh oh. The demo broke because something has gone horribly wrong. Suddenly, <super-awesome> isn’t starting to look so great. Now you’re stuck trying to backtrack through your commit log to figure out how you broke the code. You’re not going to have a fun time.
If you’ve been working on the front-end for a while, even if you haven’t really played with Polymer elements before, this s
| // Observable is an Union Type, with the following variants | |
| const Empty = () => ['EMPTY'] | |
| const Cons = (head, tail) => ['CONS', head, tail] | |
| const Future = promise => ['FUTURE', promise] | |
| // race between 2 promises; each promise will resolve to a lazy value | |
| const lazyRace = (p1, p2) => Promise.race([p1,p2]).then(lazy => lazy()) | |
| // function composition | |
| const compose = (...fns) => (arg) => fns.reduceRight((res, f) => f(res), arg) |