Higher-level layout components to make responsive layouts easier

[AndrewIngram]

I've experimented with this a bit myself with an in-house solution to building HTML emails with React, but I think fleshing out Oy is better than everyone reinventing wheels.

As we all know, developing responsive emails is an utter pain in the ass. Alongside React solutions, i've also tried things like Foundation for Emails and BeeFree. None of them work particularly well. I think React solutions are the way to go, and Oy seems like a decent starting point.

Something Foundation does well is provide layout primitives as an abstraction over tables. But unfortunately you're also left to fend for yourself as soon as you want to do any customisation. I'd like to see Foundation's primitives adapted to fit React, so we can benefit from existing patterns for inlining styles, e.g. Radium.

http://foundation.zurb.com/emails/docs/

[revivek]

@AndrewIngram great idea! I could see something like Foundation's components being built in a fairly straightforward way on top of Oy. For example, in the Hello World example, EmptySpace.jsx is very reusable.