All Projects → gauravtiwari → webpacker-example-app

gauravtiwari / webpacker-example-app

Licence: other
An example app to demonstrate webpacker with Rails 5.1

Programming Languages

ruby
36898 projects - #4 most used programming language
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
typescript
32286 projects
CSS
56736 projects
elm
856 projects

Projects that are alternatives of or similar to webpacker-example-app

docker-rails-demo
Demo app for Rails, Docker and Webpack
Stars: ✭ 29 (-19.44%)
Mutual labels:  webpacker
fleetyards
A Ship Database and Web API based on the official Star Citizen Ship Matrix.
Stars: ✭ 37 (+2.78%)
Mutual labels:  webpacker
shotgun
Ready to go Rails App with TailwindCSS, ViewComponent, Devise, and more!
Stars: ✭ 25 (-30.56%)
Mutual labels:  webpacker
webpacker-react-frontend
An example frontend react app to demonstrate webpacker with Rails 5.1
Stars: ✭ 22 (-38.89%)
Mutual labels:  webpacker
React Rails
Integrate React.js with Rails views and controllers, the asset pipeline, or webpacker.
Stars: ✭ 6,417 (+17725%)
Mutual labels:  webpacker
open-flights
OpenFlights - A CRUD app example built with ruby on rails and react.js using webpacker
Stars: ✭ 105 (+191.67%)
Mutual labels:  webpacker

Rails Webpacker Example App

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

Alpha Features

Supports bundling

  • Javascript
  • Stylesheets
  • Images
  • Fonts
  • Linking assets
  • CND - Cloudfront

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-example-app.git
  cd webpacker-example-app
  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';
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].