max-mapper

<div><a href="http://jsforcats.com/">JS for cats</a></div>
<div><a href="https://github.com/maxogden/art-of-node#the-art-of-node">Art of Node</a></div>
<div><a href="http://github.com/substack/node-browserify"><img src="talk/browserify.png"></a></div>
<div>javascript should run everywhere</div>
<div><img src="talk/require.png"></div>
<div><img src="talk/venn.png"></div>
<div>browserify + npm = ♥</div>
<div>npm = client side + server side modules in one registry</div>
<div><a href="http://github.com/substack/browserify-handbook">browserify-handbook</a></div>
<div><a href="http://npmjs.org/browserify-adventure">browserify-adventure</a></div>

danharper

@usingPerRow(4)

@foreach ($images as $image)
	@incrementPerRow()

	@whenStartOfRow
		<tr>
	@closeStartOfRow

	<td><img src="{{ $image->url }}"></td>

prestonparris

Reactjs conf 2015 Notes

• react native announced

  • Allows you to use react style javascript to target native ios and android, native views, live reloading
  • intro pt1
  • intro pt2
  • facebook groups app uses react native with graphql and relay

• realtime page tweaking

  • rethink best practices and workflows

• inmutability is a good idea

coodoo

# 內容
	
	# repo 位置
		- https://github.com/facebook/react
		- https://github.com/facebook/flux

	# 官網

		- React
			* http://facebook.github.io/react/

jlongster

  // Simple wrapper to use bootstrap's grid system to position elements side-by-side
  var VerticalFieldsElement = React.createClass({
    render: function() {
      return dom.div(
        { className: 'clearfix' },
        React.Children.map(this.props.children, function(child) {
          if(!child) {
            return child;
          }

paulirish

// geo-location shim

// currentely only serves lat/long
// depends on jQuery

// doublecheck the ClientLocation results because it may returning null results

;(function(geolocation){

  if (geolocation) return;

goodjob1114

ubuntu 14.04

sysv-rc-conf (service control tool)

sudo apt-get install -y sysv-rc-conf

nginx

sudo add-apt-repository -y ppa:nginx/stable 

gaearon

// Written by @iclanzan
// All credit goes to him!

// You create the reducer like this:
// var reducer = createTimelineReducer('someName', someReducer, ['foo', 'bar']);
// And then whenever an action of type `foo` or `bar` happens it calls `someReducer` and adds the result to the timeline.
// Then to undo/redo you trigger an action of type `someNameUndo`/`someNameRedo`.

var defaults = require('lodash/object/defaults');
var capitalize = require('lodash/string/capitalize');

tlrobinson

// give it a name so it reuses the same window
var win = window.open(null, "redux-devtools", "menubar=no,location=no,resizable=yes,scrollbars=no,status=no");

// reload in case it's reusing the same window with the old content
win.location.reload();

// wait a little bit for it to reload, then render
setTimeout(function() {
    React.render(
        <DebugPanel top right bottom left >

sebmarkbage

React Element Factories and JSX

You probably came here because your code is calling your component as a plain function call. This is now deprecated:

var MyComponent = require('MyComponent');

function render() {
 return MyComponent({ foo: 'bar' }); // WARNING