ci(config.yml): create workflow of multiple jobs

Add separate jobs for building library, building storybook and running tests. This allows to run
certain jobs for pull requests in Github

Author: arturbien

.circleci/config.yml

@@ -1,16 +1,94 @@
 version: 2
 jobs:
-  build:
+  install:
     docker:
-      - image: 'circleci/node:latest'
+      - image: 'circleci/node:8'
+    working_directory: ~/repo
     steps:
       - checkout
+      - restore_cache:
+          keys:
+            - v1-npm-deps-{{ checksum "package-lock.json" }}
+            - v1-npm-deps-
       - run:
-          name: install
-          command: npm install
+          name: 'Install dependencies'
+          command: npm ci
+      - save_cache:
+          key: v1-npm-deps-{{ checksum "package-lock.json" }}
+          paths:
+            - node_modules
+      - persist_to_workspace:
+          root: ~/repo
+          paths:
+            - node_modules
+  test:
+    docker:
+      - image: 'circleci/node:8'
+    working_directory: ~/repo
+    steps:
+      - checkout
+      - attach_workspace:
+          at: ~/repo
+      - run:
+          name: 'Tests'
+          command: npm run test
+  build-library:
+    docker:
+      - image: 'circleci/node:8'
+    working_directory: ~/repo
+    steps:
+      - checkout
+      - attach_workspace:
+          at: ~/repo
       - run:
-          name: 'build React95'
+          name: 'Build library'
           command: npm run build
+      - persist_to_workspace:
+          root: ~/repo
+          paths:
+            - dist
+  build-storybook:
+    docker:
+      - image: 'circleci/node:8'
+    working_directory: ~/repo
+    steps:
+      - checkout
+      - attach_workspace:
+          at: ~/repo
+      - run:
+          name: 'Build Storybook'
+          command: npm run build:storybook
+      - persist_to_workspace:
+          root: ~/repo
+          paths:
+            - docs
+  deploy:
+    docker:
+      - image: 'circleci/node:8'
+    working_directory: ~/repo
+    steps:
+      - checkout
+      - attach_workspace:
+          at: ~/repo
       - run:
-          name: release
+          name: 'Deploy via Semantic Release'
           command: npm run semantic-release || true
+workflows:
+  version: 2
+  build-and-deploy:
+    jobs:
+      - install
+      - test:
+          requires: 
+            - install
+      - build-library:
+          requires: 
+            - install
+      - build-storybook:
+          requires: 
+            - install
+      - deploy:
+          requires: 
+            - test
+            - build-library
+            - build-storybook

README.md

@@ -1,10 +1,10 @@
 <h1 align="center">React95</h1>
 
 <p align="center">
-  <a href="https://www.npmjs.com/package/react95"><img src="https://flat.badgen.net/npm/dt/react95" alt="NPM"></a>
   <a href="https://www.npmjs.com/package/react95"><img src="https://flat.badgen.net/npm/v/react95" alt="React95 version"></a>
+  <a href="https://circleci.com/gh/arturbien/React95"><img src="https://flat.badgen.net/circleci/github/arturbien/React95/master" alt="circleCI build"></a>
+  <a href="https://www.npmjs.com/package/react95"><img src="https://flat.badgen.net/npm/dt/react95" alt="NPM"></a>
   <a href="https://www.npmjs.com/package/react95"><img src="https://flat.badgen.net/npm/license/react95" alt="React95 license"></a>
-
 </p>
 <h3 align="center">
   <a href="https://arturbien.github.io/React95/?path=/story/select--fixed-width">Components</a> -