Bernardo Dias bernardodiasc

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 lead 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'

Redux

action -> reducer -> container -> view

Redux is an improvement over Flux architecture, the goal is provide a life cycle for the application. It is data driven with few templates with well defined purposes.

actions: action dispatch data changes triggered from view
reducer: receive action result and change data state (createStore(reducers))
container: it’s same as view component used differently, this component connects with store using redux lib (connect()(component)), usually contain view components for presentation
view: react to state changes and update markup, this is the react lib, also trigger actions (dispatch(action))

Sun 15 Mar, 2015

Git Branching, Merging and Rebasing

Responsiveness

[#1] angular + gulp

Como minificar e concatenar scripts AngularJS com GulpJS (@felquis)

[#2] Integrar o angular em sites que usam o Wordpress

[#3] Autoprefixer

[#4] Lists e Maps

[#5] Por que usar Task Runners (Grunt e Gulp da vida) ?

	var path = require('path');
	var webpack = require('webpack');
	var HtmlWebpackPlugin = require('html-webpack-plugin');
	var ExtractTextPlugin = require("extract-text-webpack-plugin");

	require('es6-promise').polyfill();

	module.exports = function(options) {
	var entry, jsLoaders, plugins, cssLoaders, sassLoaders;
	// If production is true

	127.0.0.1 hl2rcv.adobe.com
	127.0.0.1 adobeereg.com
	127.0.0.1 activate.adobe.com
	127.0.0.1 practivate.adobe.com
	127.0.0.1 ereg.adobe.com
	127.0.0.1 activate.wip3.adobe.com
	127.0.0.1 ereg.wip3.adobe.com
	127.0.0.1 wip3.adobe.com
	127.0.0.1 activate-sea.adobe.com
	127.0.0.1 wwis-dubc1-vip60.adobe.com

	/* component/styles.css */

	.component.component-name a {
	color: blue;
	}

	.component.component-name .title {
	font-size: 9em;
	}

	<h1>Sun 15 Mar, 2015</h1>

	<h2>Git Branching, Merging and Rebasing</h2>

	<ul>
	<li><a href="http://www.git-scm.com/book/es-ni/v1/Git-Branching">http://www.git-scm.com/book/es-ni/v1/Git-Branching</a></li>
	<li><a href="http://www.git-tower.com/blog/understanding-rebase-merge-in-git/">http://www.git-tower.com/blog/understanding-rebase-merge-in-git/</a></li>
	<li><a href="https://help.github.com/articles/using-git-rebase/">https://help.github.com/articles/using-git-rebase/</a></li>
	</ul>

	1.
	2.
	1. Untitled Section
	2. Untitled Section
	4. Untitled Section
	5. Untitled Section
	5.
	6.
	7. Top News
	1. News Analysis

	.a, .b, .c, .d, .z {
	display: block;
	position: relative;
	}

	.z {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	}