bensmithett

// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----

.parent-class {
  &.dropdown-toggle {
    color: red;
  } 
}

bensmithett

<div class="parent-class dropdown-toggle">Hi</div>
<div class="dropdown-toggle parent-class">Hi</div>

bensmithett

var views = {
  foo: function($el, el, props) {
    console.log(props);
  },
  bar: function($el, el, props) {
    console.log(props);
  }
};
viewloader.execute(views);

bensmithett

• automate accessibility & readability with Bas
• hack around with currentColor & em sizing for childless components
• help out on Sass & Compass issues
• build something with Hoodie
• Do some client side only timezone stuff
• Infinite scroll! http://nmjenkins.com/presentations/infinite-win.html
• Macros (do something around logging?) http://ryanseddon.github.io/sweetjs-talk/
• Bootcamp https://github.com/thejameskyle/bootcamp

bensmithett

// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// ----

.text-label-beta
  //-------------------------------
  // Size
  //-------------------------------
  &.-size-small

bensmithett

/**
 * @jsx React.DOM
 */

"use strict";

var React = require("react/addons");
var ReactStyle = require("react-style");

var MyComponent = React.createClass({

bensmithett

<a am-Button am-type="downcase">Foo!</a>

bensmithett

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

.foo
  color: red
  
  @media screen and (min-width: 1024px)
    color: blue

bensmithett

<div class="grid">
  <div class="grid__col"><div class="content">foo</div></div>
  <div class="grid__col"><div class="content">foo</div></div>
  <div class="grid__col"><div class="content">foo</div></div>
</div>

<div class="grid -gutters">
  <div class="grid__col"><div class="content">foo</div></div>
  <div class="grid__col"><div class="content">foo</div></div>
  <div class="grid__col"><div class="content">foo</div></div>

bensmithett

Make server calls from action creator, but don't dispatch an action. When the promise resolves, call another function that actually dispatches an action.

dispy is cool, abstracts a bit of boilerplate

• Store.subscribe/unsubscribe
• Stores register individual callbacks for each action rather than a big switch.
• Simple mixin to get initial state & update it with one function (in controller view) mixins: [subscribe(state, store)]

orodio/melbjs-feb-2015