nkbt

{
  "env": {
    "browser": true,
    "node": true,
    "es6": true
  },

  "plugins": ["react"],

  "ecmaFeatures": {

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

chantastic

http://jsbin.com/tojeke/1/edit?js,output

1. React.render

Problem: http://jsbin.com/dacoze/4/edit?html,output
Solution: http://jsbin.com/dacoze/3/edit?html,output

2. React.createClass

Problem: http://jsbin.com/bepewoq/2/edit?js,output

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

solace

/* Only the necessary information to address
 * https://github.com/tomchentw/react-google-maps/issues/183#issuecomment-220705977
 * has been included here.
 *
 * YMMV.
 */

import React from 'react';

// Need these to muck around with bounds

stereobooster

	[Raster tiles][rt]	[Vector tiles][vt]	GeoJSON	virtual-dom	offline	map quality	React component	React Native
google maps	+		+			good	[4 unsupported][gm-react]	[+][gm-native]
leaflet *	+	[+][ll-vt]	+		[+/-][ll-offline]	depends	[+][ll-rect]
d3 *			+	[+/-][d3-vdom]	+/-	depends	[+][d3-react]
MapboxGL	+	+				depends	[+][mb-react]	[+][mb-native]
Yandex Maps	+