So basically FlowType doesn't know about CSS Modules, a really handy way of dealing with the plagues of CSS in codebases (global variables and dependency wackiness mainly).
What WebPack allows us to do is "require" CSS files and use their class names:
import styles from "my_styles.css";
import React from "react";
| var Col = require('react-bootstrap/lib/Col') | |
| var PageHeader = require('react-bootstrap/lib/PageHeader') | |
| var React = require('react') | |
| var Row = require('react-bootstrap/lib/Row') | |
| var {connect} = require('react-redux') | |
| var {reduxForm} = require('redux-form') | |
| var DateInput = require('./DateInput') | |
| var FormField = require('./FormField') | |
| var LoadingButton = require('./LoadingButton') |
Auto-height textarea using as minimum JS as possible.
A Pen by Yair Even Or on CodePen.
| require 'yaml' | |
| require 'erb' | |
| require 'ostruct' | |
| class Settings < OpenStruct | |
| # Settings.new(:google_analytics) | |
| def initialize(config_file_base_name) | |
| super(YAML.load(ERB.new(File.read(Rails.root.join("config", "#{config_file_base_name}.yml"))).result)[Rails.env]) | |
| end |
These instructions walk you through using Raygun to generate a new app, pushing it to GitHub, deploying it to Heroku (two envs: production and acceptance), and setting up continuous integration and deployment using CircleCI. There's a preference for command-line operations when possible.
brew install heroku-toolbelt)brew install postgres) and runningcreateuser -s postgres)brew install phantomjs)gem install hub)
| /* global google */ | |
| var GoogleMapComponent = Ember.Component.extend({ | |
| places: [], | |
| width: 500, | |
| height: 500, | |
| attributeBindings: ['style'], | |
| style: function () { | |
| return 'width:'+this.width+'px; height:'+this.height+'px'; |
| function base_colors(src, mode) { | |
| var col_1, col_2; | |
| function compare(c1, c2) { | |
| return (c1[0] * 16384 + c1[1] * 256 + c1[2]) >= | |
| (c2[0] * 16384 + c2[1] * 256 + c2[2]); | |
| } | |
| if (mode === 'I') { | |
| col_1 = extend_4to8bits(src[7], src[6], src[5]), | |
| col_2 = extend_4to8bits(src[7] << 4, src[6] << 4, src[5] << 4) | |
| return [ col_1, col_2 ]; |
| var App = Ember.Application.create(); | |
| App.Router.map(function(){ | |
| this.resource('user'); | |
| }); | |
| App.UserController = Ember.ObjectController.extend(Ember.Evented, { | |
| actions: { | |
| submit: function(){ | |
| var validation = {isValid: false}; |
In addition to the techniques described in the
Asynchronous Routing Guide,
the Ember Router provides powerful yet overridable
conventions for customizing asynchronous transitions
between routes by making use of error and loading
substates.
| // The API accepts the page parameter and returns the pagination info in meta | |
| { | |
| "messages": [ ... ], | |
| "meta": { | |
| "pagination": { | |
| "total_pages": 3, | |
| "current_page": 1, | |
| "total_count": 55 | |
| } |
