Another big ol' list of React resources
Tutorials
React redux project structure
| 'use strict'; | |
| /** | |
| * @ngdoc directive | |
| * @name myapp.directive:forceLowerCase | |
| * @description | |
| * # forceLowerCase | |
| */ | |
| angular.module('myApp').directive('forceLowerCase', [ | |
| '$parse', |
It's now here, in The Programmer's Compendium. The content is the same as before, but being part of the compendium means that it's actively maintained.
| angular.module('braintree-angular', []); | |
| angular.module('braintree-angular').factory('braintreeWeb', [function() { | |
| // braintree must already be loaded on the page | |
| // see https://github.com/braintree/braintree-web for package | |
| return window.braintree; | |
| }]); |
I recently had several days of extremely frustrating experiences with service workers. Here are a few things I've since learned which would have made my life much easier but which isn't particularly obvious from most of the blog posts and videos I've seen.
I'll add to this list over time – suggested additions welcome in the comments or via twitter.com/rich_harris.
Chrome 51 has some pretty wild behaviour related to console.log in service workers. Canary doesn't, and it has a load of really good service worker related stuff in devtools.
| alias accio=wget | |
| alias avadaKedavra='rm -f' | |
| alias imperio=sudo | |
| alias priorIncantato='echo `history |tail -n2 |head -n1` | sed "s/[0-9]* //"' | |
| alias stupefy='sleep 5' | |
| alias wingardiumLeviosa=mv | |
| alias sonorus='set -v' | |
| alias quietus='set +v' |
| if ( | |
| process.env.NODE_ENV === 'production' && | |
| window.__REACT_DEVTOOLS_GLOBAL_HOOK__ && | |
| Object.keys(window.__REACT_DEVTOOLS_GLOBAL_HOOK__._renderers).length | |
| ) { | |
| window.__REACT_DEVTOOLS_GLOBAL_HOOK__._renderers = {} | |
| } |
| [alias] | |
| cleanfeature = branch --merged | grep "feature/" | xargs -n 1 git branch -d | |
| [merge] | |
| tool = p4mergetool | |
| renameLimit = 8000 | |
| [mergetool "p4mergetool"] | |
| cmd = /Applications/p4merge.app/Contents/Resources/launchp4merge $PWD/$BASE $PWD/$REMOTE $PWD/$LOCAL $PWD/$MERGED | |
| trustExitCode = false | |
| [mergetool] | |
| keepBackup = false |
| const I = x => x | |
| const K = x => y => x | |
| const A = f => x => f (x) | |
| const T = x => f => f (x) | |
| const W = f => x => f (x) (x) | |
| const C = f => y => x => f (x) (y) | |
| const B = f => g => x => f (g (x)) | |
| const S = f => g => x => f (x) (g (x)) | |
| const S_ = f => g => x => f (g (x)) (x) | |
| const S2 = f => g => h => x => f (g (x)) (h (x)) |
| <snippet> | |
| <content><![CDATA[ | |
| console.${1:log}('${2:message}', ${3:code}); | |
| ]]></content> | |
| <!-- Optional: Set a tabTrigger to define how to trigger the snippet --> | |
| <tabTrigger>cl</tabTrigger> | |
| <!-- Optional: Set a scope to limit where the snippet will trigger --> | |
| <scope>source.js</scope> | |
| </snippet> |