Use react-emotion
css-in-js to compose your react app flexbox layouts with higher order components!
I've been copy-pasting some version of this file into every React project I've worked on for the past year... If you're looking for a more fully featured layout library, check out the brilliant https://github.com/jxnblk/styled-system
supports an 🚨 opinionated 🚨 subset of flexbox apis
yarn add emotion-box
import Box, {Row, Column, Props as BoxProps} from 'emotion-box'
<Row justify="start" align="start"> ... </Row>
<Column> ... </Column>
<Box> ... </Box>