shakacode / react-rails-example-app

Minimal basic demonstration React-Rails sample application using Webpacker

React-Rails Demo Application

This repo is an example of a simple working Rails 7, Shakapacker 7, React-Rails 3 application.

Where generators are used, the git commit will be the command run to get to the current application state so it will hopefully be easy to follow along at home.

For migration to react_on_rails, please read the migration guide.

How to test the Demo Application

1) Install the JS packages:

yarn install # or npm install

2) Install GEM packages:

bundle install

3) In one terminal run the rails server:

rails s

4) In another terminal run the webpack server:

./bin/webpack-dev-server

5) Visit the welcome page

localhost:3000

Branches

This repo contains two trees, one Webpacker and one Sprockets.

Each branch illustrates a react-rails ability.

• master -> Webpacker 3
• react-rails-to-react-on-rails -> An example of migration from react-rails v3 to react_on_rails v13.4.
• sprockets -> Sprockets 3
• rails-production-version -> Sprockets 3 + serving production prebundled react
• rails-assets-sprockets -> Sprockets 3 + using Rails-Assets.org (failed)
• generate-new-component -> Webpacker 3 + new style component
• without-ujs -> Sprockets 3 + removing UJS and making component globally accessible
• jsx-file-example -> Webpacker 3 + file named .JSX
• coffeescript-example -> Webpacker 3 + Coffeescript WITH JSX