LG-3179: Make React available in IDP

.eslintrc

@@ -1,5 +1,5 @@
 {
-  'extends': 'airbnb-base',
+  'extends': 'airbnb',
   'parser': 'babel-eslint',
   'env': {
     'browser': true,

app/javascript/app/document-capture/components/document-capture.jsx

@@ -0,0 +1,5 @@
+function DocumentCapture() {
+  return 'todo: document capture';
+}
+
+export default DocumentCapture;

app/javascript/packs/document-capture.jsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { render } from 'react-dom';
+import DocumentCapture from '../app/document-capture/components/document-capture';
+
+const appRoot = document.getElementById('document-capture-form');
+appRoot.innerHTML = '';
+render(
+  <DocumentCapture />,
+  appRoot,
+);

app/views/idv/doc_auth/document_capture.html.erb

@@ -1,3 +1,4 @@
 <div id='document-capture-form'>
   Form goes here
 </div>
+<%= javascript_pack_tag 'document-capture' %>

babel.config.js

@@ -17,6 +17,7 @@ module.exports = function(api) {
 
   return {
     presets: [
+      '@babel/preset-react',
       isTestEnv && [
         '@babel/preset-env',
         {

config/webpacker.yml

@@ -14,6 +14,7 @@ default: &default
   cache_manifest: false
 
   extensions:
+    - .jsx
     - .js
     - .sass
     - .scss

package.json

@@ -25,20 +25,26 @@
     "jquery": "^3.5.0",
     "libphonenumber-js": "^1.7.26",
     "normalize.css": "^4.2.0",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
     "sinon": "^1.17.7",
     "webpack-dev-server": "^3.11.0",
     "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
+    "@babel/preset-react": "^7.10.4",
     "@babel/register": "^7.4.4",
     "atob": "^2.1.2",
     "babel-eslint": "^7.2.3",
     "btoa": "^1.2.1",
     "chai": "^3.5.0",
     "dirty-chai": "^1.2.2",
-    "eslint": "^4.18.2",
-    "eslint-config-airbnb-base": "^11.2.0bass",
-    "eslint-plugin-import": "^2.18.2",
+    "eslint": "^7.4.0",
+    "eslint-config-airbnb": "^18.2.0",
+    "eslint-plugin-import": "^2.22.0",
+    "eslint-plugin-jsx-a11y": "^6.3.1",
+    "eslint-plugin-react": "^7.20.3",
+    "eslint-plugin-react-hooks": "^4.0.6",
     "jsdom": "^16.2.2",
     "mocha": "^6.1.4",
     "proxyquire": "^1.8.0"