Say hello to Box, Flex, Grid and Stack: layouts in the component era

This repository contains example for my “Say hello to Box, Flex, Grid and Stack: layouts in the component era” talk. Based on the Component-driven development workshop.

Look at the slides, the deployed app or video.

Running locally

npm install
npm start

Tech stack

• React
• Create React App
• styled-components
• styled-system
• Rebass Grid (former Grid Styled)
• Stack Styled
• Polished

Further resources

• Awesome component-driven development
• Advanced React Component Patterns

Authors and license

Artem Sapegin and contributors.

MIT License, see the included License.md file.

Icons: Ionicons, Font Awesome, Ilya Kolbin, Denis Sazhin.

Photos: Unsplash, Artem Sapegin.