react_on_rails 15.0.0.rc.2 → 16.0.0

data/lib/generators/react_on_rails/generator_helper.rb

@@ -1,11 +1,41 @@
 # frozen_string_literal: true
 
-require "package_json"
 require "rainbow"
+require "json"
 
 module GeneratorHelper
   def package_json
+    # Lazy load package_json gem only when actually needed for dependency management
+
+    require "package_json" unless defined?(PackageJson)
     @package_json ||= PackageJson.read
+  rescue LoadError
+    puts "Warning: package_json gem not available. This is expected before Shakapacker installation."
+    puts "Dependencies will be installed using the default package manager after Shakapacker setup."
+    nil
+  rescue StandardError => e
+    puts "Warning: Could not read package.json: #{e.message}"
+    puts "This is normal before Shakapacker creates the package.json file."
+    nil
+  end
+
+  # Safe wrapper for package_json operations
+  def add_npm_dependencies(packages, dev: false)
+    pj = package_json
+    return false unless pj
+
+    begin
+      if dev
+        pj.manager.add(packages, type: :dev)
+      else
+        pj.manager.add(packages)
+      end
+      true
+    rescue StandardError => e
+      puts "Warning: Could not add packages via package_json gem: #{e.message}"
+      puts "Will fall back to direct npm commands."
+      false
+    end
   end
 
   # Takes a relative path from the destination root, such as `.gitignore` or `app/assets/javascripts/application.js`

data/lib/generators/react_on_rails/generator_messages.rb

@@ -38,37 +38,158 @@ module GeneratorMessages
       @output = []
     end
 
-    def helpful_message_after_installation
+    def helpful_message_after_installation(component_name: "HelloWorld")
+      process_manager_section = build_process_manager_section
+      testing_section = build_testing_section
+      package_manager = detect_package_manager
+      shakapacker_status = build_shakapacker_status_section
+
       <<~MSG
 
-        What to do next:
+        ╔════════════════════════════════════════════════════════════════════════╗
+        ║  🎉 React on Rails Successfully Installed!                             ║
+        ╚════════════════════════════════════════════════════════════════════════╝
+        #{process_manager_section}#{shakapacker_status}
+
+        📋 QUICK START:
+        ─────────────────────────────────────────────────────────────────────────
+        1. Install dependencies:
+           #{Rainbow("bundle && #{package_manager} install").cyan}
+
+        2. Start the app:
+           ./bin/dev              # HMR (Hot Module Replacement) mode
+           ./bin/dev static       # Static bundles (no HMR, faster initial load)
+           ./bin/dev prod         # Production-like mode for testing
+           ./bin/dev help         # See all available options
+
+        3. Visit: #{Rainbow('http://localhost:3000/hello_world').cyan.underline}
+        ✨ KEY FEATURES:
+        ─────────────────────────────────────────────────────────────────────────
+        • Auto-registration enabled - Your layout only needs:
+          <%= javascript_pack_tag %>
+          <%= stylesheet_pack_tag %>
+
+        • Server-side rendering - Enabled with prerender option in app/views/hello_world/index.html.erb:
+          <%= react_component("#{component_name}", props: @hello_world_props, prerender: true) %>
+
+        📚 LEARN MORE:
+        ─────────────────────────────────────────────────────────────────────────
+        • Documentation: #{Rainbow('https://www.shakacode.com/react-on-rails/docs/').cyan.underline}
+        • Webpack customization: #{Rainbow('https://github.com/shakacode/shakapacker#webpack-configuration').cyan.underline}
+
+        💡 TIP: Run 'bin/dev help' for development server options and troubleshooting#{testing_section}
+      MSG
+    end
 
-          - See the documentation on https://github.com/shakacode/shakapacker#webpack-configuration
-            for how to customize the default webpack configuration.
+    private
+
+    def build_process_manager_section
+      process_manager = detect_process_manager
+      if process_manager
+        if process_manager == "overmind"
+          "\n📦 #{Rainbow("#{process_manager} detected ✓").green} " \
+            "#{Rainbow('(Recommended for easier debugging)').blue}"
+        else
+          "\n📦 #{Rainbow("#{process_manager} detected ✓").green}"
+        end
+      else
+        <<~INSTALL
+
+          ⚠️  No process manager detected. Install one:
+          #{Rainbow('brew install overmind').yellow.bold}  # Recommended (easier debugging)
+          #{Rainbow('gem install foreman').yellow}   # Alternative
+        INSTALL
+      end
+    end
 
-          - Include your webpack assets to your application layout.
+    def build_testing_section
+      # Check if we have any spec files to determine if testing setup is needed
+      has_spec_files = File.exist?("spec/rails_helper.rb") || File.exist?("spec/spec_helper.rb")
 
-              <%= javascript_pack_tag 'hello-world-bundle' %>
+      return "" if has_spec_files
 
-          - To start Rails server run:
+      <<~TESTING
 
-              ./bin/dev # Running with HMR
 
-            or
+        🧪 TESTING SETUP (Optional):
+        ─────────────────────────────────────────────────────────────────────────
+        For JavaScript testing with asset compilation, add this to your RSpec config:
 
-              ./bin/dev-static # Running with statically created bundles, without HMR
+        # In spec/rails_helper.rb or spec/spec_helper.rb:
+        ReactOnRails::TestHelper.configure_rspec_to_compile_assets(config)
+      TESTING
+    end
 
-          - To server render, change this line app/views/hello_world/index.html.erb to
-            `prerender: true` to see server rendering (right click on page and select "view source").
+    def detect_process_manager
+      if system("which overmind > /dev/null 2>&1")
+        "overmind"
+      elsif system("which foreman > /dev/null 2>&1")
+        "foreman"
+      end
+    end
 
-              <%= react_component("HelloWorldApp", props: @hello_world_props, prerender: true) %>
+    def build_shakapacker_status_section
+      version_warning = check_shakapacker_version_warning
+
+      if File.exist?(".shakapacker_just_installed")
+        base_message = <<~SHAKAPACKER
+
+          📦 SHAKAPACKER SETUP:
+          ─────────────────────────────────────────────────────────────────────────
+          #{Rainbow('✓ Added to Gemfile automatically').green}
+          #{Rainbow('✓ Installer ran successfully').green}
+          #{Rainbow('✓ Webpack integration configured').green}
+        SHAKAPACKER
+        base_message + version_warning
+      elsif File.exist?("bin/shakapacker") && File.exist?("bin/shakapacker-dev-server")
+        "\n📦 #{Rainbow('Shakapacker already configured ✓').green}#{version_warning}"
+      else
+        "\n📦 #{Rainbow('Shakapacker setup may be incomplete').yellow}#{version_warning}"
+      end
+    end
 
-        Alternative steps to run the app:
+    def check_shakapacker_version_warning
+      # Try to detect Shakapacker version from Gemfile.lock
+      return "" unless File.exist?("Gemfile.lock")
 
-          - We recommend using Procfile.dev with foreman, overmind, or a similar program. Alternately, you can run each of the processes listed in Procfile.dev in a separate tab in your terminal.
+      gemfile_lock_content = File.read("Gemfile.lock")
+      shakapacker_match = gemfile_lock_content.match(/shakapacker \((\d+\.\d+\.\d+)\)/)
 
-          - Visit http://localhost:3000/hello_world and see your React On Rails app running!
-      MSG
+      return "" unless shakapacker_match
+
+      version = shakapacker_match[1]
+      major_version = version.split(".").first.to_i
+
+      if major_version < 8
+        <<~WARNING
+
+          ⚠️  #{Rainbow('IMPORTANT: Upgrade Recommended').yellow.bold}
+          ─────────────────────────────────────────────────────────────────────────
+          You are using Shakapacker #{version}. React on Rails v15+ works best with
+          Shakapacker 8.0+ for optimal Hot Module Replacement and build performance.
+
+          To upgrade: #{Rainbow('bundle update shakapacker').cyan}
+
+          Learn more: #{Rainbow('https://github.com/shakacode/shakapacker').cyan.underline}
+        WARNING
+      else
+        ""
+      end
+    rescue StandardError
+      # If version detection fails, don't show a warning to avoid noise
+      ""
+    end
+
+    def detect_package_manager
+      # Check for lock files to determine package manager
+      if File.exist?("yarn.lock")
+        "yarn"
+      elsif File.exist?("pnpm-lock.yaml")
+        "pnpm"
+      else
+        # Default to npm (Shakapacker 8.x default) - covers package-lock.json and no lockfile
+        "npm"
+      end
     end
   end
 end

data/lib/generators/react_on_rails/install_generator.rb

@@ -6,6 +6,7 @@ require_relative "generator_messages"
 
 module ReactOnRails
   module Generators
+    # rubocop:disable Metrics/ClassLength
     class InstallGenerator < Rails::Generators::Base
       include GeneratorHelper
 
@@ -16,7 +17,7 @@ module ReactOnRails
       class_option :redux,
                    type: :boolean,
                    default: false,
-                   desc: "Install Redux gems and Redux version of Hello World Example. Default: false",
+                   desc: "Install Redux package and Redux version of Hello World Example. Default: false",
                    aliases: "-R"
 
       # --ignore-warnings
@@ -25,13 +26,22 @@ module ReactOnRails
                    default: false,
                    desc: "Skip warnings. Default: false"
 
+      # Removed: --skip-shakapacker-install (Shakapacker is now a required dependency)
+
       def run_generators
         if installation_prerequisites_met? || options.ignore_warnings?
           invoke_generators
           add_bin_scripts
           add_post_install_message
         else
-          error = "react_on_rails generator prerequisites not met!"
+          error = <<~MSG.strip
+            🚫 React on Rails generator prerequisites not met!
+
+            Please resolve the issues listed above before continuing.
+            All prerequisites must be satisfied for a successful installation.
+
+            Use --ignore-warnings to bypass checks (not recommended).
+          MSG
           GeneratorMessages.add_error(error)
         end
       ensure
@@ -47,37 +57,82 @@ module ReactOnRails
       end
 
       def invoke_generators
+        ensure_shakapacker_installed
         invoke "react_on_rails:base"
         if options.redux?
           invoke "react_on_rails:react_with_redux"
         else
           invoke "react_on_rails:react_no_redux"
         end
-
-        invoke "react_on_rails:adapt_for_older_shakapacker" unless using_shakapacker_7_or_above?
       end
 
       # NOTE: other requirements for existing files such as .gitignore or application.
       # js(.coffee) are not checked by this method, but instead produce warning messages
       # and allow the build to continue
       def installation_prerequisites_met?
-        !(missing_node? || missing_yarn? || ReactOnRails::GitUtils.uncommitted_changes?(GeneratorMessages))
+        !(missing_node? || missing_package_manager? || ReactOnRails::GitUtils.uncommitted_changes?(GeneratorMessages))
       end
 
-      def missing_yarn?
-        return false unless ReactOnRails::Utils.running_on_windows? ? `where yarn`.blank? : `which yarn`.blank?
+      def missing_node?
+        node_missing = ReactOnRails::Utils.running_on_windows? ? `where node`.blank? : `which node`.blank?
+
+        if node_missing
+          error = <<~MSG.strip
+            🚫 Node.js is required but not found on your system.
 
-        error = "yarn is required. Please install it before continuing. https://yarnpkg.com/en/docs/install"
-        GeneratorMessages.add_error(error)
-        true
+            Please install Node.js before continuing:
+            • Download from: https://nodejs.org/en/
+            • Recommended: Use a version manager like nvm, fnm, or volta
+            • Minimum required version: Node.js 18+
+
+            After installation, restart your terminal and try again.
+          MSG
+          GeneratorMessages.add_error(error)
+          return true
+        end
+
+        # Check Node.js version if available
+        check_node_version
+        false
       end
 
-      def missing_node?
-        return false unless ReactOnRails::Utils.running_on_windows? ? `where node`.blank? : `which node`.blank?
+      def check_node_version
+        node_version = `node --version 2>/dev/null`.strip
+        return if node_version.blank?
 
-        error = "** nodejs is required. Please install it before continuing. https://nodejs.org/en/"
-        GeneratorMessages.add_error(error)
-        true
+        # Extract major version number (e.g., "v18.17.0" -> 18)
+        major_version = node_version[/v(\d+)/, 1]&.to_i
+        return unless major_version
+
+        return unless major_version < 18
+
+        warning = <<~MSG.strip
+          ⚠️  Node.js version #{node_version} detected.
+
+          React on Rails recommends Node.js 18+ for best compatibility.
+          You may experience issues with older versions.
+
+          Consider upgrading: https://nodejs.org/en/
+        MSG
+        GeneratorMessages.add_warning(warning)
+      end
+
+      def ensure_shakapacker_installed
+        return if shakapacker_configured?
+
+        print_shakapacker_setup_banner
+        ensure_shakapacker_in_gemfile
+        install_shakapacker
+        finalize_shakapacker_setup
+      end
+
+      # Checks whether "shakapacker" is explicitly declared in this project's Gemfile.
+      # We only check the Gemfile text, not lockfile or dependencies, because
+      # shakapacker might be present as a dependency of react_on_rails but not
+      # properly configured for this specific Rails application.
+      def shakapacker_in_gemfile?
+        gem_name = "shakapacker"
+        shakapacker_in_gemfile_text?(gem_name)
       end
 
       def add_bin_scripts
@@ -97,13 +152,160 @@ module ReactOnRails
         GeneratorMessages.add_info(GeneratorMessages.helpful_message_after_installation)
       end
 
-      def using_shakapacker_7_or_above?
-        shakapacker_gem = Gem::Specification.find_by_name("shakapacker")
-        shakapacker_gem.version.segments.first >= 7
-      rescue Gem::MissingSpecError
-        # In case using Webpacker
+      def shakapacker_loaded_in_process?(gem_name)
+        Gem.loaded_specs.key?(gem_name)
+      end
+
+      def shakapacker_in_lockfile?(gem_name)
+        gemfile = ENV["BUNDLE_GEMFILE"] || "Gemfile"
+        lockfile = File.join(File.dirname(gemfile), "Gemfile.lock")
+
+        File.file?(lockfile) && File.foreach(lockfile).any? { |l| l.match?(/^\s{4}#{Regexp.escape(gem_name)}\s\(/) }
+      end
+
+      def shakapacker_in_bundler_specs?(gem_name)
+        require "bundler"
+        Bundler.load.specs.any? { |s| s.name == gem_name }
+      rescue StandardError
+        false
+      end
+
+      def shakapacker_in_gemfile_text?(gem_name)
+        gemfile = ENV["BUNDLE_GEMFILE"] || "Gemfile"
+
+        File.file?(gemfile) &&
+          File.foreach(gemfile).any? { |l| l.match?(/^\s*gem\s+['"]#{Regexp.escape(gem_name)}['"]/) }
+      end
+
+      def cli_exists?(command)
+        system("which #{command} > /dev/null 2>&1")
+      end
+
+      def shakapacker_binaries_exist?
+        File.exist?("bin/shakapacker") && File.exist?("bin/shakapacker-dev-server")
+      end
+
+      def shakapacker_configured?
+        # Check for essential shakapacker configuration files and binaries
+        shakapacker_binaries_exist? &&
+          File.exist?("config/shakapacker.yml") &&
+          File.exist?("config/webpack/webpack.config.js")
+      end
+
+      def print_shakapacker_setup_banner
+        puts Rainbow("\n#{'=' * 80}").cyan
+        puts Rainbow("🔧 SHAKAPACKER SETUP").cyan.bold
+        puts Rainbow("=" * 80).cyan
+      end
+
+      def ensure_shakapacker_in_gemfile
+        return if shakapacker_in_gemfile?
+
+        puts Rainbow("📝 Adding Shakapacker to Gemfile...").yellow
+        success = system("bundle add shakapacker --strict")
+        return if success
+
+        handle_shakapacker_gemfile_error
+      end
+
+      def install_shakapacker
+        puts Rainbow("⚙️  Installing Shakapacker (required for webpack integration)...").yellow
+
+        # First run bundle install to make shakapacker available
+        puts Rainbow("📦 Running bundle install...").yellow
+        bundle_success = system("bundle install")
+        unless bundle_success
+          handle_shakapacker_install_error
+          return
+        end
+
+        # Then run the shakapacker installer
+        success = system("bundle exec rails shakapacker:install")
+        return if success
+
+        handle_shakapacker_install_error
+      end
+
+      def finalize_shakapacker_setup
+        puts Rainbow("✅ Shakapacker installed successfully!").green
+        puts Rainbow("=" * 80).cyan
+        puts Rainbow("🚀 CONTINUING WITH REACT ON RAILS SETUP").cyan.bold
+        puts "#{Rainbow('=' * 80).cyan}\n"
+
+        # Create marker file so base generator can avoid copying shakapacker.yml
+        File.write(".shakapacker_just_installed", "")
+      end
+
+      def handle_shakapacker_gemfile_error
+        error = <<~MSG.strip
+          🚫 Failed to add Shakapacker to your Gemfile.
+
+          This could be due to:
+          • Bundle installation issues
+          • Network connectivity problems
+          • Gemfile permissions
+
+          Please try manually:
+              bundle add shakapacker --strict
+
+          Then re-run: rails generate react_on_rails:install
+        MSG
+        GeneratorMessages.add_error(error)
+        raise Thor::Error, error unless options.ignore_warnings?
+      end
+
+      def handle_shakapacker_install_error
+        error = <<~MSG.strip
+          🚫 Failed to install Shakapacker automatically.
+
+          This could be due to:
+          • Missing Node.js or npm/yarn
+          • Network connectivity issues
+          • Incomplete bundle installation
+          • Missing write permissions
+
+          Troubleshooting steps:
+          1. Ensure Node.js is installed: node --version
+          2. Run: bundle install
+          3. Try manually: bundle exec rails shakapacker:install
+          4. Check for error output above
+          5. Re-run: rails generate react_on_rails:install
+
+          Need help? Visit: https://github.com/shakacode/shakapacker/blob/main/docs/installation.md
+        MSG
+        GeneratorMessages.add_error(error)
+        raise Thor::Error, error unless options.ignore_warnings?
+      end
+
+      def missing_package_manager?
+        package_managers = %w[npm pnpm yarn bun]
+        missing = package_managers.none? { |pm| cli_exists?(pm) }
+
+        if missing
+          error = <<~MSG.strip
+            🚫 No JavaScript package manager found on your system.
+
+            React on Rails requires a JavaScript package manager to install dependencies.
+            Please install one of the following:
+
+            • npm: Usually comes with Node.js (https://nodejs.org/en/)
+            • yarn: npm install -g yarn (https://yarnpkg.com/)
+            • pnpm: npm install -g pnpm (https://pnpm.io/)
+            • bun: Install from https://bun.sh/
+
+            After installation, restart your terminal and try again.
+          MSG
+          GeneratorMessages.add_error(error)
+          return true
+        end
+
         false
       end
+
+      # Removed: Shakapacker auto-installation logic (now explicit dependency)
+
+      # Removed: Shakapacker 8+ is now required as explicit dependency
     end
+    # rubocop:enable Metrics/ClassLength
   end
 end

data/lib/generators/react_on_rails/react_no_redux_generator.rb

@@ -7,24 +7,25 @@ module ReactOnRails
   module Generators
     class ReactNoReduxGenerator < Rails::Generators::Base
       include GeneratorHelper
+
       Rails::Generators.hide_namespace(namespace)
       source_root(File.expand_path("templates", __dir__))
 
       def copy_base_files
         base_js_path = "base/base"
-        base_files = %w[app/javascript/bundles/HelloWorld/components/HelloWorld.jsx]
+        base_files = %w[app/javascript/src/HelloWorld/ror_components/HelloWorld.client.jsx
+                        app/javascript/src/HelloWorld/ror_components/HelloWorld.server.jsx
+                        app/javascript/src/HelloWorld/ror_components/HelloWorld.module.css]
         base_files.each { |file| copy_file("#{base_js_path}/#{file}", file) }
       end
 
       def create_appropriate_templates
         base_path = "base/base"
         config = {
-          component_name: "HelloWorld",
-          app_relative_path: "../bundles/HelloWorld/components/HelloWorld"
+          component_name: "HelloWorld"
         }
 
-        template("#{base_path}/app/javascript/packs/registration.js.tt",
-                 "app/javascript/packs/hello-world-bundle.js", config)
+        # Only create the view template - no manual bundle needed for auto registration
         template("#{base_path}/app/views/hello_world/index.html.erb.tt",
                  "app/views/hello_world/index.html.erb", config)
       end

data/lib/generators/react_on_rails/react_with_redux_generator.rb

@@ -9,14 +9,30 @@ module ReactOnRails
       source_root(File.expand_path("templates", __dir__))
 
       def create_redux_directories
-        dirs = %w[actions constants containers reducers store startup]
-        dirs.each { |name| empty_directory("app/javascript/bundles/HelloWorld/#{name}") }
+        # Create auto-registration directory structure for Redux
+        empty_directory("app/javascript/src/HelloWorldApp/ror_components")
+
+        # Create Redux support directories within the component directory
+        dirs = %w[actions constants containers reducers store components]
+        dirs.each { |name| empty_directory("app/javascript/src/HelloWorldApp/#{name}") }
       end
 
       def copy_base_files
         base_js_path = "redux/base"
-        base_files = %w[app/javascript/bundles/HelloWorld/components/HelloWorld.jsx]
-        base_files.each { |file| copy_file("#{base_js_path}/#{file}", file) }
+
+        # Copy Redux-connected component to auto-registration structure
+        copy_file("#{base_js_path}/app/javascript/bundles/HelloWorld/startup/HelloWorldApp.client.jsx",
+                  "app/javascript/src/HelloWorldApp/ror_components/HelloWorldApp.client.jsx")
+        copy_file("#{base_js_path}/app/javascript/bundles/HelloWorld/startup/HelloWorldApp.server.jsx",
+                  "app/javascript/src/HelloWorldApp/ror_components/HelloWorldApp.server.jsx")
+        copy_file("#{base_js_path}/app/javascript/bundles/HelloWorld/components/HelloWorld.module.css",
+                  "app/javascript/src/HelloWorldApp/components/HelloWorld.module.css")
+
+        # Update import paths in client component
+        ror_client_file = "app/javascript/src/HelloWorldApp/ror_components/HelloWorldApp.client.jsx"
+        gsub_file(ror_client_file, "../store/helloWorldStore", "../store/helloWorldStore")
+        gsub_file(ror_client_file, "../containers/HelloWorldContainer",
+                  "../containers/HelloWorldContainer")
       end
 
       def copy_base_redux_files
@@ -26,26 +42,34 @@ module ReactOnRails
            constants/helloWorldConstants.js
            reducers/helloWorldReducer.js
            store/helloWorldStore.js
-           startup/HelloWorldApp.jsx].each do |file|
+           components/HelloWorld.jsx].each do |file|
              copy_file("#{base_hello_world_path}/#{file}",
-                       "app/javascript/bundles/HelloWorld/#{file}")
+                       "app/javascript/src/HelloWorldApp/#{file}")
            end
       end
 
       def create_appropriate_templates
         base_path = "base/base"
-        base_js_path = "#{base_path}/app/javascript"
         config = {
-          component_name: "HelloWorldApp",
-          app_relative_path: "../bundles/HelloWorld/startup/HelloWorldApp"
+          component_name: "HelloWorldApp"
         }
 
-        template("#{base_js_path}/packs/registration.js.tt", "app/javascript/packs/hello-world-bundle.js", config)
-        template("#{base_path}/app/views/hello_world/index.html.erb.tt", "app/views/hello_world/index.html.erb", config)
+        # Only create the view template - no manual bundle needed for auto registration
+        template("#{base_path}/app/views/hello_world/index.html.erb.tt",
+                 "app/views/hello_world/index.html.erb", config)
+      end
+
+      def add_redux_npm_dependencies
+        run "npm install redux react-redux"
       end
 
-      def add_redux_yarn_dependencies
-        run "yarn add redux react-redux"
+      def add_redux_specific_messages
+        # Override the generic messages with Redux-specific instructions
+        require_relative "generator_messages"
+        GeneratorMessages.output.clear
+        GeneratorMessages.add_info(
+          GeneratorMessages.helpful_message_after_installation(component_name: "HelloWorldApp")
+        )
       end
     end
   end

data/lib/generators/react_on_rails/templates/base/base/Procfile.dev

@@ -0,0 +1,5 @@
+# Procfile for development using HMR
+# You can run these commands in separate shells
+rails: bundle exec rails s -p 3000
+wp-client: WEBPACK_SERVE=true bin/shakapacker-dev-server
+wp-server: SERVER_BUNDLE_ONLY=yes bin/shakapacker --watch

data/lib/generators/react_on_rails/templates/base/base/Procfile.dev-prod-assets

@@ -0,0 +1,8 @@
+# Procfile for development with production assets 
+# Uses production-optimized, precompiled assets with development environment
+# Uncomment additional processes as needed for your app
+
+rails: bundle exec rails s -p 3001
+# sidekiq: bundle exec sidekiq -C config/sidekiq.yml
+# redis: redis-server
+# mailcatcher: mailcatcher --foreground

data/lib/generators/react_on_rails/templates/base/base/Procfile.dev-static-assets

@@ -0,0 +1,2 @@
+web: bin/rails server -p 3000
+js: bin/shakapacker --watch

data/lib/generators/react_on_rails/templates/base/base/app/javascript/bundles/HelloWorld/components/HelloWorld.jsx

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 import * as style from './HelloWorld.module.css';
 
@@ -19,8 +18,4 @@ const HelloWorld = (props) => {
   );
 };
 
-HelloWorld.propTypes = {
-  name: PropTypes.string.isRequired, // this is passed from the Rails view
-};
-
 export default HelloWorld;