GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → gauravtiwari → webpacker-react-frontend

gauravtiwari / webpacker-react-frontend

Licence: other
An example frontend react 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
CSS
56736 projects
shell
77523 projects

Labels

reactrailsjestwebpacker

Projects that are alternatives of or similar to webpacker-react-frontend

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

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';
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].