First attempt to build a library for React UI components

.gitignore

@@ -2,7 +2,7 @@
 .jekyll-metadata
 .idea
 .DS_Store
-/node_modules
+node_modules
 /ruby
 /bower_components
 #/js/bundle.js

react-ui/.babelrc

@@ -0,0 +1,10 @@
+{
+  "presets": [
+    "@babel/preset-env",
+    "@babel/preset-react",
+    "@babel/preset-flow"
+  ],
+  "plugins": [
+    "@babel/plugin-proposal-class-properties"
+  ]
+}

react-ui/.storybook/addons.js

@@ -0,0 +1,2 @@
+import '@storybook/addon-actions/register';
+import '@storybook/addon-storysource/register';

react-ui/.storybook/config.js

@@ -0,0 +1,10 @@
+import { configure } from '@storybook/react';
+import '@storybook/addon-console';
+
+// automatically import all files ending in *.stories.js
+const req = require.context('../stories', true, /\.stories\.js$/);
+function loadStories() {
+  req.keys().forEach(filename => req(filename));
+}
+
+configure(loadStories, module);

react-ui/.storybook/webpack.config.js

@@ -0,0 +1,21 @@
+// you can use this file to add your custom webpack plugins, loaders and anything you like.
+// This is just the basic way to add additional webpack configurations.
+// For more information refer the docs: https://storybook.js.org/configurations/custom-webpack-config
+
+// IMPORTANT
+// When you add this file, we won't add the default configurations which is similar
+// to "React Create App". This only has babel loader to load JavaScript.
+
+module.exports = function({ config }) {
+  config.module.rules.push({
+    test: /\.stories\.jsx?$/,
+    loaders: [
+      {
+        loader: require.resolve('@storybook/addon-storysource/loader'),
+      },
+    ],
+    enforce: 'pre',
+  });
+
+  return config;
+};

react-ui/README.md

@@ -0,0 +1,6 @@
+# Shared UI component
+
+This lib is shared on https://bit.dev/revinate/react-components
+
+## Setup Bit
+Check this tutorial to understand how it works: https://docs.bit.dev/tutorial/react-tutorial.html