Get a head start on tomorrow's ng-workshop by following these steps tonight while you have a good internet connection:
- Install node and npm
$ git clone https://github.com/kentcdodds/ng-workshop.git$ git checkout angularfire$ npm install$ git checkout master$ npm run start
| 'use strict'; | |
| var React = require('react-native'); | |
| var { | |
| Bundler, | |
| StyleSheet, | |
| Text, | |
| TouchableHighlight, | |
| View, | |
| ScrollView, |
Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets
“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”
You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?
| .canvas { | |
| height : 100%; | |
| left : 0; | |
| position : fixed; | |
| top : 0; | |
| width : 100%; | |
| } | |
| .popup { | |
| position: fixed; |
| angular.module('lib.decorators', []) | |
| .config(['$provide', function($provide){ | |
| $provide.decorator('$rootScope', ['$delegate', function($rootScope) { | |
| var _proto | |
| , _new | |
| , nextUid = function() { | |
| return ++$rootScope.$id; | |
| } | |
| , Scope = function() { |
I've been struggling to come up with a good pattern for handling loading state in Flux (specifically using Fluxxor, though I think this is an issue for any implementation).
When I say "loading state," what I mean is state in a store that tracks:
- Whether the data handled by the store was loaded
- Whether the store is currently attempting to load data
- Whether the data loaded successfully or errored
- The error message, if it errored
Here's my first (very simple) pass at this, a store mixin called LoadingStoreMixin.js:
