RubyGems - react_on_rails - Versions diffs - 12.0.1 → 13.0.0 - Mend

react_on_rails 12.0.1 → 13.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (152) hide show

metadata CHANGED Viewed

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: react_on_rails
 version: !ruby/object:Gem::Version
-  version: 12.0.1
+  version: 13.0.0
 platform: ruby
 authors:
 - Justin Gordon
-autorequire:
+autorequire:
 bindir: exe
 cert_chain: []
-date: 2020-07-10 00:00:00.000000000 Z
+date: 2022-02-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: addressable
@@ -58,14 +58,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '3.2'
+        version: '5.2'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '3.2'
+        version: '5.2'
 - !ruby/object:Gem::Dependency
   name: rainbow
   requirement: !ruby/object:Gem::Requirement
@@ -80,34 +80,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.0'
-- !ruby/object:Gem::Dependency
-  name: webpacker
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '4.0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '4.0'
-- !ruby/object:Gem::Dependency
-  name: awesome_print
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -122,20 +94,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2'
-- !ruby/object:Gem::Dependency
-  name: coveralls
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
 - !ruby/object:Gem::Dependency
   name: gem-release
   requirement: !ruby/object:Gem::Requirement
@@ -150,160 +108,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-- !ruby/object:Gem::Dependency
-  name: generator_spec
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: listen
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: pry
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: pry-byebug
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: pry-doc
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: pry-rescue
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: pry-state
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '5.2'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '5.2'
-- !ruby/object:Gem::Dependency
-  name: rake
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '10.0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '10.0'
-- !ruby/object:Gem::Dependency
-  name: rspec
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: rubocop
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 0.85.0
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 0.85.0
 description: See README.md
 email:
 - justin@shakacode.com
@@ -318,11 +122,16 @@ files:
 - ".eslintignore"
 - ".eslintrc"
 - ".github/FUNDING.yml"
+- ".github/ISSUE_TEMPLATE/bug_report.md"
+- ".github/ISSUE_TEMPLATE/feature_request.md"
+- ".github/workflows/lint-js-and-ruby.yml"
+- ".github/workflows/main.yml"
+- ".github/workflows/package-js-tests.yml"
+- ".github/workflows/rspec-package-specs.yml"
 - ".gitignore"
 - ".npmignore"
 - ".prettierignore"
 - ".prettierrc"
-- ".release-it.json"
 - ".rspec"
 - ".rubocop.yml"
 - ".scss-lint.yml"
@@ -331,6 +140,7 @@ files:
 - CONTRIBUTING.md
 - Dockerfile_tests
 - Gemfile
+- Gemfile.development_dependencies
 - KUDOS.md
 - LICENSE.md
 - NEWS.md
@@ -342,68 +152,75 @@ files:
 - app/helpers/react_on_rails_helper.rb
 - book.json
 - docker-compose.yml
-- docs/additional-reading/angular-js-integration-migration.md
-- docs/additional-reading/asset-pipeline.md
-- docs/additional-reading/capistrano-deployment.md
-- docs/additional-reading/convert-rails-5-api-only-app.md
-- docs/additional-reading/converting-from-custom-webpack-config-to-rails-webpacker-config.md
-- docs/additional-reading/credits.md
-- docs/additional-reading/elastic-beanstalk.md
-- docs/additional-reading/foreman-issues.md
-- docs/additional-reading/images.md
-- docs/additional-reading/node-dependencies-and-npm.md
-- docs/additional-reading/rails-engine-integration.md
-- docs/additional-reading/rails_view_rendering_from_inline_javascript.md
-- docs/additional-reading/react-and-redux.md
-- docs/additional-reading/react-helmet.md
-- docs/additional-reading/react-router.md
-- docs/additional-reading/server-rendering-tips.md
-- docs/additional-reading/tips.md
-- docs/additional-reading/troubleshooting-when-using-webpacker.md
-- docs/additional-reading/turbolinks.md
-- docs/additional-reading/updating-dependencies.md
-- docs/additional-reading/upgrade-webpacker-v3-to-v4.md
-- docs/additional-reading/webpack-dev-server.md
-- docs/additional-reading/webpack-v1-notes.md
-- docs/additional-reading/webpack.md
+- docs/additional-details/generator-details.md
+- docs/additional-details/manual-installation-overview.md
+- docs/additional-details/migrating-from-react-rails.md
+- docs/additional-details/recommended-project-structure.md
+- docs/additional-details/updating-dependencies.md
+- docs/additional-details/upgrade-webpacker-v3-to-v4.md
 - docs/api/javascript-api.md
 - docs/api/redux-store-api.md
 - docs/api/view-helpers-api.md
-- docs/articles.md
-- docs/basics/client-vs-server-rendering.md
-- docs/basics/configuration.md
-- docs/basics/deployment.md
-- docs/basics/generator-details.md
-- docs/basics/heroku-deployment.md
-- docs/basics/hmr-and-hot-reloading-with-the-webpack-dev-server.md
-- docs/basics/i18n.md
-- docs/basics/installation-into-an-existing-rails-app.md
-- docs/basics/migrating-from-react-rails.md
-- docs/basics/minitest-configuration.md
-- docs/basics/react-server-rendering.md
-- docs/basics/recommended-project-structure.md
-- docs/basics/render-functions-and-railscontext.md
-- docs/basics/rspec-configuration.md
-- docs/basics/upgrading-react-on-rails.md
-- docs/basics/webpack-configuration.md
-- docs/coding-style/style.md
 - docs/contributor-info/errors-with-hooks.md
 - docs/contributor-info/generator-testing.md
 - docs/contributor-info/linters.md
 - docs/contributor-info/pull-requests.md
 - docs/contributor-info/releasing.md
+- docs/deployment/elastic-beanstalk.md
+- docs/deployment/heroku-deployment.md
+- docs/guides/client-vs-server-rendering.md
+- docs/guides/configuration.md
+- docs/guides/deployment.md
+- docs/guides/getting-started.md
+- docs/guides/hmr-and-hot-reloading-with-the-webpack-dev-server.md
+- docs/guides/how-react-on-rails-works.md
+- docs/guides/how-to-conditionally-server-render-based-on-device-type.md
+- docs/guides/how-to-use-different-files-for-client-and-server-rendering.md
+- docs/guides/i18n.md
+- docs/guides/installation-into-an-existing-rails-app.md
+- docs/guides/minitest-configuration.md
+- docs/guides/rails-webpacker-react-integration-options.md
+- docs/guides/react-on-rails-overview.md
+- docs/guides/react-server-rendering.md
+- docs/guides/render-functions-and-railscontext.md
+- docs/guides/rspec-configuration.md
+- docs/guides/tutorial.md
+- docs/guides/upgrading-react-on-rails.md
+- docs/guides/webpack-configuration.md
+- docs/home.md
+- docs/javascript/angular-js-integration-migration.md
+- docs/javascript/asset-pipeline.md
+- docs/javascript/capistrano-deployment.md
+- docs/javascript/code-splitting.md
+- docs/javascript/converting-from-custom-webpack-config-to-rails-webpacker-config.md
+- docs/javascript/credits.md
+- docs/javascript/foreman-issues.md
+- docs/javascript/images.md
+- docs/javascript/node-dependencies-and-npm.md
+- docs/javascript/react-and-redux.md
+- docs/javascript/react-helmet.md
+- docs/javascript/react-router.md
+- docs/javascript/server-rendering-tips.md
+- docs/javascript/troubleshooting-when-using-webpacker.md
+- docs/javascript/webpack-v1-notes.md
+- docs/javascript/webpack.md
+- docs/misc/articles.md
 - docs/misc/code_of_conduct.md
 - docs/misc/doctrine.md
-- docs/outdated/code-splitting.md
-- docs/outdated/how-react-on-rails-works.md
-- docs/outdated/manual-installation-overview.md
+- docs/misc/style.md
+- docs/misc/tips.md
+- docs/outdated/deferred-rendering.md
 - docs/outdated/rails-assets-relative-paths.md
 - docs/outdated/rails-assets.md
 - docs/outdated/rails3.md
+- docs/rails/convert-rails-5-api-only-app.md
+- docs/rails/rails-engine-integration.md
+- docs/rails/rails_view_rendering_from_inline_javascript.md
+- docs/rails/turbolinks.md
+- docs/react-on-rails-pro/react-on-rails-pro.md
 - docs/testimonials/hvmn.md
 - docs/testimonials/resortpass.md
 - docs/testimonials/testimonials.md
-- docs/tutorial.md
 - jest.config.js
 - lib/generators/USAGE
 - lib/generators/react_on_rails/base_generator.rb
@@ -415,19 +232,32 @@ files:
 - lib/generators/react_on_rails/react_with_redux_generator.rb
 - lib/generators/react_on_rails/templates/.eslintrc
 - lib/generators/react_on_rails/templates/base/base/Procfile.dev
-- lib/generators/react_on_rails/templates/base/base/Procfile.dev-hmr
+- lib/generators/react_on_rails/templates/base/base/Procfile.dev-static
 - lib/generators/react_on_rails/templates/base/base/app/controllers/hello_world_controller.rb
 - lib/generators/react_on_rails/templates/base/base/app/javascript/bundles/HelloWorld/components/HelloWorld.jsx
+- lib/generators/react_on_rails/templates/base/base/app/javascript/bundles/HelloWorld/components/HelloWorld.module.css
+- lib/generators/react_on_rails/templates/base/base/app/javascript/bundles/HelloWorld/components/HelloWorldServer.js
 - lib/generators/react_on_rails/templates/base/base/app/javascript/packs/registration.js.tt
+- lib/generators/react_on_rails/templates/base/base/app/javascript/packs/server-bundle.js
 - lib/generators/react_on_rails/templates/base/base/app/views/hello_world/index.html.erb.tt
 - lib/generators/react_on_rails/templates/base/base/app/views/layouts/hello_world.html.erb
+- lib/generators/react_on_rails/templates/base/base/babel.config.js.tt
 - lib/generators/react_on_rails/templates/base/base/config/initializers/react_on_rails.rb
+- lib/generators/react_on_rails/templates/base/base/config/webpack/clientWebpackConfig.js.tt
+- lib/generators/react_on_rails/templates/base/base/config/webpack/commonWebpackConfig.js.tt
+- lib/generators/react_on_rails/templates/base/base/config/webpack/development.js.tt
+- lib/generators/react_on_rails/templates/base/base/config/webpack/production.js.tt
+- lib/generators/react_on_rails/templates/base/base/config/webpack/serverWebpackConfig.js.tt
+- lib/generators/react_on_rails/templates/base/base/config/webpack/test.js.tt
+- lib/generators/react_on_rails/templates/base/base/config/webpack/webpack.config.js.tt
+- lib/generators/react_on_rails/templates/base/base/config/webpack/webpackConfig.js.tt
+- lib/generators/react_on_rails/templates/base/base/config/webpacker.yml
 - lib/generators/react_on_rails/templates/dev_tests/.eslintrc
 - lib/generators/react_on_rails/templates/dev_tests/.rspec
-- lib/generators/react_on_rails/templates/dev_tests/spec/features/hello_world_spec.rb
 - lib/generators/react_on_rails/templates/dev_tests/spec/rails_helper.rb
 - lib/generators/react_on_rails/templates/dev_tests/spec/simplecov_helper.rb
 - lib/generators/react_on_rails/templates/dev_tests/spec/spec_helper.rb
+- lib/generators/react_on_rails/templates/dev_tests/spec/system/hello_world_spec.rb
 - lib/generators/react_on_rails/templates/redux/base/app/javascript/bundles/HelloWorld/actions/helloWorldActionCreators.js
 - lib/generators/react_on_rails/templates/redux/base/app/javascript/bundles/HelloWorld/components/HelloWorld.jsx
 - lib/generators/react_on_rails/templates/redux/base/app/javascript/bundles/HelloWorld/constants/helloWorldConstants.js
@@ -476,7 +306,6 @@ files:
 - rakelib/run_rspec.rake
 - rakelib/task_helpers.rb
 - react_on_rails.gemspec
-- ruby-lint.yml
 - script/bootstrap
 - script/release
 - script/setup
@@ -491,8 +320,9 @@ metadata: {}
 post_install_message: |2
   --------------------------------------------------------------------------------
-  Email contact@shakacode.com for access to our slack room and information about our "pro support plan"
-  which supports better performance, via caching helpers and our node rendering server.
+  Checkout https://www.shakacode.com/react-on-rails-pro for information about
+  "React on Rails Pro" which includes one hour a month of support and a gem for
+  better performance, via caching helpers, and our node rendering server.
   --------------------------------------------------------------------------------
 rdoc_options: []
 require_paths:
@@ -501,15 +331,15 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 2.5.0
+      version: 2.7.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.8
-signing_key:
+rubygems_version: 3.2.32
+signing_key:
 specification_version: 4
 summary: Rails with react server rendering with webpack.
 test_files: []

data/.release-it.json DELETED Viewed

@@ -1,3 +0,0 @@
-{
-  "requireCleanWorkingDir": false
-}

data/docs/additional-reading/upgrade-webpacker-v3-to-v4.md DELETED Viewed

@@ -1,10 +0,0 @@
-# Upgrading rails/webpacker v3.5 to v4
-The following steps can be followed to update a Webpacker v3.5 app to v4.
-1. Update the gem `webpacker` and the package `@rails/webpacker`
-1. Merge changes from the new default [.babelrc](../lib/install/config/.babelrc) to your `/.babelrc`. If you are using React, you need to add `"@babel/preset-react"`, to the list of `presets`.
-1. Copy the file [.browserslistrc](../lib/install/config/.browserslistrc) to `/`.
-1. Merge any differences between [config/webpacker.yml](../lib/install/config/webpacker.yml) and your `/config/webpacker.yml`.
-Here is an [example commit of these changes](https://github.com/shakacode/react_on_rails-tutorial-v11/pull/1/files).

data/docs/additional-reading/webpack-dev-server.md DELETED Viewed

@@ -1,15 +0,0 @@
-## Developing with the Webpack Dev Server
-One of the benefits of using webpack is access to [webpack's dev server](https://webpack.github.io/docs/webpack-dev-server.html) and its [hot module replacement](https://webpack.github.io/docs/hot-module-replacement-with-webpack.html) functionality.
-The webpack dev server with HMR will apply changes from the code (or styles!) to the browser as soon as you save whatever file you're working on. You won't need to reload the page, and your data will still be there. Start foreman as normal (it boots up the Rails server *and* the webpack HMR dev server at the same time).
-  ```bash
-  foreman start -f Procfile.dev
-  ```
-Open your browser to [localhost:3000](http://localhost:3000). Whenever you make changes to your JavaScript code in the `client` folder, they will automatically show up in the browser. Hot module replacement is already enabled by default.
-Note that **React-related error messages are possibly more helpful when encountered in the dev server** than the Rails server as they do not include noise added by the React on Rails gem.
-### Adding Additional Routes for the Dev Server
-As you add more routes to your front-end application, you will need to make the corresponding API for the dev server in `client/server.js`. See our example `server.js` from our [tutorial](https://github.com/shakacode/react-webpack-rails-tutorial/blob/master/client%2Fserver-express.js).

data/docs/basics/deployment.md DELETED Viewed

@@ -1,4 +0,0 @@
-# Deployment
-- `rails/webpacker` puts the necessary precompile steps automatically in the rake precompile step.
-- See the [Heroku Deployment](docs/basics/heroku-deployment.md) doc for specifics regarding Heroku. The information for Heroku may apply to other deployments.

data/docs/basics/hmr-and-hot-reloading-with-the-webpack-dev-server.md DELETED Viewed

@@ -1,49 +0,0 @@
-# HMR and Hot Reloading with the webpack-dev-server
-The webpack-dev-server provides:
-1. Speedy compilation of client side assets
-2. Optional HMR which means that the page will reload automatically when after
-   compilation completes. Note, some developers do not like this, as you'll
-   abruptly lose any tweaks within the Chrome development tools.
-3. Optional hot-reloading. The older react-hot-loader has been deprecated in
-   favor of [fast-refresh](https://reactnative.dev/docs/fast-refresh).
-   For use with webpack, see [react-refresh-webpack-plugin](https://github.com/pmmmwh/react-refresh-webpack-plugin).
-If you are ***not*** using server-side rendering (***not*** using `prerender: true`),
-then you can follow all the regular docs for using the `bin/webpack-dev-server`
-during development.
-# Server Side Rendering with the Default rails/webpacker bin/webpack-dev-server
-If you are using server-side rendering, then you have a couple options. The
-recommended technique is to have a different webpack configuration for server
-rendering.
-## If you use the same Webpack setup for your server and client bundles
-If you do use the webpack-dev-server for prerendering, be sure to set the
-`config/initializers/react_on_rails.rb` setting of
-```
-  config.same_bundle_for_client_and_server = true
-```
-`dev_server.hmr` maps to [devServer.hot](https://webpack.js.org/configuration/dev-server/#devserverhot).
-This must be false if you're using the webpack-dev-server for client and server bundles.
-`dev_server.inline` maps to [devServer.inline](https://webpack.js.org/configuration/dev-server/#devserverinline).
-This must also be false.
-If you don't configure these two to false, you'll see errors like:
-* "ReferenceError: window is not defined" (if hmr is true)
-* "TypeError: Cannot read property 'prototype' of undefined" (if inline is true)

data/docs/basics/recommended-project-structure.md DELETED Viewed

@@ -1,77 +0,0 @@
-# Recommended Project structure
-The React on Rails generator uses the standard `rails/webpacker` convention of this structure:
-```yml
-app/javascript:
-  ├── bundles:
-  │   # Logical groups of files that can be used for code splitting
-  │   └── hello-world-bundle.js
-  ├── packs:
-  │   # only webpack entry files here
-  │   └── hello-world-bundle.js
-```
-However, you may wish to move all your client side files to a single directory called something like `/client`.
-## Steps to convert from the generator defaults to use a `/client` directory structure.
-1. Move the directory:
-```
-mv app/javascript client
-```
-2. Edit your `/config/webpacker.yml` file. Change the `default/source_path`:
-```yml
-  source_path: client
-```
-## Moving node_modules from `/` to `/client` with a custom webpack setup.
-`rails/webpacker` probably doesn't support having your main node_modules directory under `/client`, so only follow these steps if you want to use your own webpack configuration.
-1. Move the `/package.json` to `/client/package.json`
-2. Create a `/package.json` that delegates to `/client/package.json`. See the example in [spec/dummy/package.json](../../spec/dummy/package.json).
-3. See the webpack configuration in [spec/dummy/client](../../spec/dummy/client) for a webpack configuration example.
-## JavaScript Assets
-1. `/client`: All client side JavaScript goes under the `/client` directory. Place all the major domains of the client side app under client.
-1. `/client/app`: All application JavaScript. Note the adherence to the [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript#naming-conventions) where we name the files to correspond to exported Objects (PascalCase) or exported functions (camelCase). We don't use dashes or snake_case for JavaScript files, except for possibly some config files.
-1. `/client/app/bundles`: Top level of different app domains. Use a name within this directory for you app domains. For example, if you had a domain called `widget-editing`, then you would have: `/client/app/bundles/widget-editing`
-1. `/client/app/lib`: Common code for bundles
-1. Within each bundle directory (or the lib directory), such as a domain named "comments"
-`/client/app/bundles/comments`, use following directory structure, if you're using redux. However, with React hooks, this will probably be a bit different:
-  * `/actions`: Redux actions.
-  * `/components`: "dumb" components (no connections to Redux or Ajax). These get props and can render themselves and children.
-  * `/constants`: Constants used by Redux actions and reducers.
-  * `/containers`: "smart" components. These components are bound to Redux.
-  * `/reducers`: Reducers for redux.
-  * `/routes`: Routes for React Router.
-  * `/store`: Store, which might be [configured differently for dev vs. production](https://github.com/reactjs/redux/tree/master/examples/real-world/store).
-  * `/startup`: Component bindings to stores, with registration of components and stores.
-  * `/schemas`: Schemas for AJAX JSON requests and responses, as used by the [Normalizr](https://github.com/gaearon/normalizr) package.
-## CSS, Sass, Fonts, and Images
-Should you move your styling assets to Webpack? Or stick with the plain Rails asset pipeline. It depends! You have 2 basic choices:
-### Simple Rails Way
-This isn't really any technique, as you keep handling all your styling assets using Rails standard tools, such as using the [sass-rails gem](https://rubygems.org/gems/sass-rails/versions/5.0.4). Basically, Webpack doesn't get involved with styling. Your Rails layouts just doing the styling the standard Rails way.
-#### Advantages
-1. Much simpler! There's no changes really from your current processes.
-### Using Webpack to Manage Styling Assets
-This technique involves customization of the webpack config files to generate CSS, image, and font assets.
-#### Directory structure
-1. `/client/app/assets`: Assets for CSS for client app.
-1. `/client/app/assets/fonts` and `/client/app/assets/styles`: Globally shared assets for styling. Note, most Sass and image assets will be stored next to the JavaScript files.
-#### Advantages
-1. You can use [CSS modules](https://github.com/css-modules/css-modules), which is super compelling once you seen the benefits.
-1. You can do hot reloading of your assets. Thus, you do not have to refresh your web page to see asset change, including changing styles.
-1. You can run your client code on a mocked out express server for super fast prototyping. In other words, your client application can somewhat more easily be move to a different application server.