#234 Remove React and Webpacker

Gemfile

@@ -102,8 +102,8 @@ gem 'memory_profiler'
 gem 'flamegraph'
 gem 'stackprof'
 
-gem 'webpacker'
-gem 'react-rails'
+# gem 'webpacker'
+# gem 'react-rails'
 
 gem 'oauth' # for goodreads api
 

Gemfile.lock

@@ -95,10 +95,6 @@ GEM
       aws-sigv4 (~> 1.1)
     aws-sigv4 (1.2.2)
       aws-eventstream (~> 1, >= 1.0.2)
-    babel-source (5.8.35)
-    babel-transpiler (0.7.0)
-      babel-source (>= 4.0, < 6)
-      execjs (~> 2.0)
     bcrypt (3.1.16)
     bindex (0.8.1)
     bootsnap (1.5.1)
@@ -277,8 +273,6 @@ GEM
       rack (>= 1.2.0)
     rack-protection (2.1.0)
       rack
-    rack-proxy (0.6.5)
-      rack
     rack-test (1.1.0)
       rack (>= 1.0, < 3)
     rails (6.1.0)
@@ -315,12 +309,6 @@ GEM
     rb-fsevent (0.10.4)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
-    react-rails (2.6.1)
-      babel-transpiler (>= 0.7.0)
-      connection_pool
-      execjs
-      railties (>= 3.2)
-      tilt
     redcarpet (3.5.1)
     redis (4.2.5)
     regexp_parser (1.8.2)
@@ -343,7 +331,6 @@ GEM
     selenium-webdriver (3.142.7)
       childprocess (>= 0.5, < 4.0)
       rubyzip (>= 1.2.2)
-    semantic_range (2.3.1)
     sentry-raven (3.1.1)
       faraday (>= 1.0)
     sidekiq (5.2.8)
@@ -422,11 +409,6 @@ GEM
       addressable (>= 2.3.6)
       crack (>= 0.3.2)
       hashdiff (>= 0.4.0, < 2.0.0)
-    webpacker (5.2.1)
-      activesupport (>= 5.2)
-      rack-proxy (>= 0.6.1)
-      railties (>= 5.2)
-      semantic_range (>= 2.3.0)
     websocket-driver (0.7.3)
       websocket-extensions (>= 0.1.0)
     websocket-extensions (0.1.5)
@@ -470,7 +452,6 @@ DEPENDENCIES
   puma (= 5.1.1)
   rack-mini-profiler
   rails
-  react-rails
   redcarpet
   sass-rails (= 6.0.0)
   sentry-raven
@@ -491,7 +472,6 @@ DEPENDENCIES
   web-console (>= 4.0.1)
   webdrivers
   webmock (~> 3.9)
-  webpacker
   will_paginate (~> 3.3.0)
 
 RUBY VERSION

app/views/decks/practice.html.erb

@@ -11,7 +11,7 @@
 
 <div class="row">
   <div class="col-md-12 mb-4">
-    <%= react_component("FlashCardPracticeApp", { flash_card: @flash_card.as_json }) %>
+    <%# react_component("FlashCardPracticeApp", { flash_card: @flash_card.as_json }) %>
   </div>
 </div>
 

app/views/decks/show.html.slim

@@ -22,4 +22,4 @@ p
 
 div.row
   div.col-md-12.mb-4
-    = react_component("FlashCardList", {flash_cards: @deck.flash_cards.as_json })
+    / react_component("FlashCardList", {flash_cards: @deck.flash_cards.as_json })

app/views/flash_cards/index.html.erb

@@ -13,7 +13,7 @@
 
   <div class="row">
     <div class="col-md-12 mb-4">
-      <%= react_component("FlashCardList", { flash_cards: @flash_cards.as_json }) %>
+      <%# react_component("FlashCardList", { flash_cards: @flash_cards.as_json }) %>
     </div>
   </div>
 

app/views/flash_cards/practice.html.erb

@@ -13,7 +13,7 @@
 
 <div class="row">
   <div class="col-md-12 mb-4">
-    <%= react_component("FlashCardPracticeApp", { flash_card: @flash_card.as_json }) %>
+    <%# react_component("FlashCardPracticeApp", { flash_card: @flash_card.as_json }) %>
   </div>
 </div>
 

app/views/layouts/_head_tag.html.erb

@@ -31,9 +31,9 @@
     <%= stylesheet_link_tag    'application', media: 'all' %>
     <%= javascript_include_tag 'application' %>
 
-    <%= javascript_pack_tag 'application' %>
+    <%# javascript_pack_tag 'application' %>
 
-    <%= stylesheet_pack_tag 'application' %>
+    <%# stylesheet_pack_tag 'application' %>
     <!-- Favicon -->
     <link rel="shortcut icon" href="/favicon.png" type="image/png">
 

app/views/layouts/application.html.erb

@@ -128,7 +128,7 @@
                     <div class="bg-green-400 text-xs leading-none py-1 text-center text-white" style="width: <%= current_user.onboarding_percentage %>%"><%= current_user.onboarding_percentage %>%</div>
                   </div>
                 </a>
-                <a href="/flash_cards/practice" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition ease-in-out duration-150" role="menuitem">Practice FlashCards</a>
+                <!-- <a href="/flash_cards/practice" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition ease-in-out duration-150" role="menuitem">Practice FlashCards</a> -->
                 <a href="/users/<%= current_user.id %>/collections" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition ease-in-out duration-150" role="menuitem">Your Collections</a>
                 <a href="/users/<%= current_user.id %>/groups" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition ease-in-out duration-150" role="menuitem">Your Groups</a>
                 <a href="/users/<%= current_user.id %>" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition ease-in-out duration-150" role="menuitem">Your Profile</a>

config/initializers/assets.rb

@@ -6,7 +6,7 @@
 # Add additional assets to the asset load path.
 # Rails.application.config.assets.paths << Emoji.images_path
 # Add Yarn node_modules folder to the asset load path.
-Rails.application.config.assets.paths << Rails.root.join('node_modules')
+# Rails.application.config.assets.paths << Rails.root.join('node_modules')
 
 # Precompile additional assets.
 # application.js, application.css, and all non-JS/CSS in the app/assets