chantastic

Hi Nicholas,

I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:

The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't

ebidel

Web Components Resources

Specs / standardization

W3C Introduction to Web Components - explainer/overview of the technologies

• Custom Elements
• HTML Imports
• Shadow DOM
• CSS Scoping Module

paulirish

I wrote this in early January 2012, but never finished it. The research and thinking in this area led to a lot of the design of Yeoman and talks like "Javascript Development Workflow of 2013", "Web Application Development Workflow" and "App development stack for JS developers" (surpisingly little overlap in those talks, btw).

Now it's June 2013 and the state of web app tooling has matured quite a bit. But here's a snapshot of the story from 18 months ago, even if a little ugly and incomplete. :p

---

In the beginning…

• Intro to tooling

filipekiss

=size($property , $size, $size-right: false, $size-bottom: false, $size-left: false)
  @if $size == $size-bottom and $size-right == $size-left //Check if we can discard size-bottom
    $size-bottom: false
  @if $size-right == $size-left //If horizontal sizes are equal we only need one of the properties
    $size-left: false
  @if $size and $size-right == false //All equal
    #{$property}: $size * 1px
    #{$property}: $size * 0.1rem
  @if $size and $size-right != false and $size-bottom == false // Vertical and Horizontal
    #{$property}: $size * 1px $size-right * 1px

thiago

/*
Example usage Parse
var string = "user(1),about,accounts.limit(20).fields(hometown,albums.limit(10).fields(comments))"
PARAMS.parse(string);
return {
  'about': null,
	'accounts': {
		'fields': {
			'hometown': null,
			'albums': {

evangalen

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});

davidsonfellipe

#CSS FTW My way to face the challenge: Maintainable + Efficient + Optimized

##General

• YSlow + Page Speed (Performance Rules)…
• CSSLint Rules…
• Don’t use too many web fonts talk to your designer, and explain the impact of loading many sources.

##Tools

pellegrino

Clínica geral:

Marcus Thuma. Kant Praxis
Centro para medicina interna
Cardiologia, Gastroenterologia, Clínica Geral
Kurfürstendamm 42
10719 Berlim
Tel: (030) 88 71 44 60
Fax: (030) 88 71 44 619
E-mail: info@kantpraxis.de

sjwilliams

Sublime Text 2 – Useful Shortcuts (Mac OS X)

General

⌘T	go to file
⌘⌃P	go to project
⌘KB	toggle side bar
⌘⇧P	command prompt
⌃ `	python console
⌘⇧N	new window (useful for new project)

addyosmani

<!-- source image and inspiration from Ramiro Galan on Dribbble: http://dribbble.com/shots/674715-Sparkle-Light-Trail -->
<img src="http://dribbble.s3.amazonaws.com/users/36991/screenshots/674715/game.png" />