webpacker-react-frontend

An example frontend react app to demonstrate webpacker with Rails 5.1

Stars
22

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)

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 [email protected]: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';