rails-webpacker icon indicating copy to clipboard operation
rails-webpacker copied to clipboard

Rails on webpack and yarn with new webpacker gem. Multiple examples using react, vue and angular

Rails Webpacker

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

Examples

  • React + Demo HTML
  • Angular + Demo HTML
  • Vue + Demo HTML
  • React + ActionCable + Chat

Running in development

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

  git clone [email protected]:gauravtiwari/rails-webpacker.git
  cd rails-webpacker
  bundle install
  brew install yarn # (if not installed)
  ./bin/yarn install

Or just run prepare script to install everything after cloning the repo

  ./bin/prepare # only on macOS

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

Then, run the server,

  ./bin/server

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

Installing new node modules

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

Then, import it in your component,

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