dmitrylebedev/component-driven-development

Component-driven Development workshop

Component-driven development workshop

This repository contains exercises for Component-driven development workshop.

Before attending the workshop, please make sure you can run the code in this repository.

Try the app or view the style guide.

Prerequisites

Basic JavaScript, CSS and HTML experience is required. Following will be very useful:

• React experience;
• command line basics.

To learn React we recommend the official tutorial and The Beginner’s Guide to React course by Kent C. Dodds.

To learn command line basics we recommend Really Friendly Command Line Intro by Tracy Osborn.

System requirements

• Git 2.0, or newer
• Node.js 10.0, or newer
• npm 6.0, or newer

We recommend nvm or n to install Node.js.

Setup

First, clone the repository and install the dependencies:

git clone https://github.com/component-driven/component-driven-development.git
cd component-driven-development
npm install

Then run:

• npm start to work on exercises and run the completed style guide
• npm run app to run the completed app

Or:

• npm run exercises to work on exercises
• npm run styleguide to run the completed style guide

Tech stack

• React
• Create React App
• React Styleguidist
• 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, Andrey Okonetchnikov and contributors.

MIT License, see the included License.md file.

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

Photos: Unsplash, Artem Sapegin.