shalinguyen

Portlandia Guide

Eat & Drink in Pearl District

• 9th & Alder for 60+ food carts (largest in US)
• Dechutes (famous brewery w/good eats - open 11am-10pm Sun-Tue, 11am-11pm Wed-Thur - get that Chainbreaker!) http://www.yelp.com/biz/deschutes-brewery-and-public-house-portland
• Stumptown Coffee (delish! try the cold brew) http://www.yelp.com/biz/stumptown-coffee-roasters-portland
• Barista http://www.yelp.com/biz/barista-portland
• Mother's Bistro http://www.yelp.com/biz/mothers-bistro-and-bar-portland
• Doug Fir Lounge (bar, food, live music til 2:30am!) http://www.yelp.com/biz/doug-fir-lounge-portland

thomasboyt

var Filter = require('broccoli-filter');
var compile = require('es6-arrow-function').compile;

module.exports = ArrowFunctionFilter;

ArrowFunctionFilter.prototype = Object.create(Filter.prototype);
ArrowFunctionFilter.prototype.constructor = ArrowFunctionFilter;

function ArrowFunctionFilter (inputTree, options) {
  if (!(this instanceof ArrowFunctionFilter)){

bj-mcduck

# app/assets/javascripts/ember-app/templates/partials/_header.js.coffee
%nav.navbar.navbar-default.navbar-fixed-top
  .container
    .navbar-header
      %btn.navbar-toggle{ data: { target: '.navbar-collapse', toggle: 'collapse' }, type: 'button' }
        %span.sr-only Toggle Navigation
        %span.icon-bar
        %span.icon-bar
        %span.icon-bar
      = hb 'link-to "index" class="navbar-brand"' do

bcardarella

// instead of this
{
  meth1: function() {
    ...
  }.on('init'),
  meth2: function() {
    ...
  }.on('init'),
  meth3: function() {
    ...

staltz

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---

sebmarkbage

JSX Spread Attributes

If you know all the properties that you want to place on a component a head of time, it is easy to use JSX:

  var component = <Component foo={x} bar={y} />;

Mutating Props is Bad, mkay

sebmarkbage

New React Element Factories and JSX

In React 0.12, we're making a core change to how React.createClass(...) and JSX works.

If you're using JSX in the typical way for all (and only) React components, then this transition will be seamless. Otherwise there are some minor breaking changes described below.

The Problem

samselikoff

This post is also on my blog, since Gist doesn't support @ notifications.

---

Components are taking center stage in Ember 2.0. Here are some things you can do today to make the transition as smooth as possible:

• Use Ember CLI
• In general, replace views + controllers with components
• Only use controllers at the top-level for receiving data from the route, and use Ember.Controller instead of Ember.ArrayController or Ember.ObjectController
• Fetch data in your route, and set it as normal properties on your top-level controller. Export an Ember.Controller, otherwise a proxy will be generated. You can use Ember.RSVP.hash to simulate setting normal props on your controller.

ryanflorence

.
├── actions
├── stores
├── views
│   ├── Anonymous
│   │   ├── __tests__
│   │   ├── views
│   │   │   ├── Home
│   │   │   │   ├── __tests__
│   │   │   │   └── Handler.js

sebmarkbage

var Bar1 = base => class extends base {
  componentWillMount(){
    super.componentWillMount();
    console.log('Bar1');
  }
};

var Bar2 = base => class extends base {
  componentWillMount(){
    super.componentWillMount();