Masonry gallery based on ReactJS component.

All the credit for @dudleystorey for his black magic post about flex ratios:

http://thenewcode.com/929/Modern-Masonry-with-Flexbox-and-JavaScript

Clone this repository and run:

$ npm install

To run the lint tasks we have dependencies of:

• Ruby
• scss-lint
• Node v0.12

If that tools are not installed you cant commit. Because the lint pass never will be ok.

$ npm run dev

This command will build your .sass, .jsx and .js files and open a local development environment, with hot reloading. A browser window will be opened as well, showing the entry point of your documents folder for development purposes.

$ npm run test:watch

$ npm test

const images = [
  'orange-butterfly.jpg', 'butterfly-on-yellow-flower.jpg',
  'butterfly-on-petal.jpg', 'albino-butterfly.jpg',
  'blue-butterfly.jpg'].map( filename => `https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/${filename}` );

React.render(<MasonryGallery images={images}/>, document.getElementById('main'));