Rails Webpacker React Frontend Example App

Demo app that showcases Rails on webpack, react, jest and yarn using Webpacker gem (default setup in upcoming Rails 5.1)

• Webpacker
• PR
• Blog Post

Features

Supports bundling

• Javascript
• Stylesheets
• Images
• Fonts
• Linking assets
• Jest
• Turbolinks
• React

Running in development

The app is using foreman, famous process manager. Checkout the Procfile.dev in app root for more information.

  git clone git@github.com:gauravtiwari/webpacker-react-frontend.git
  cd webpacker-react-frontend
  bundle install
  brew install yarn # (if not installed)
  ./bin/yarn install

Then, run the server using this binstub,

  ./bin/server

(try chmod 777 ./bin/server incase it doesn't work)

Visit http://localhost:5000/

Installing and using new node modules

  # Using Yarn
  ./bin/yarn add material-ui

Then, import it in your component,

  import { Card } from 'material-ui/Card';