Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gauravtiwari/webpack_on_rails

Webpack and React on Rails with server rendering using asset pipeline.
https://github.com/gauravtiwari/webpack_on_rails

Last synced: 18 days ago
JSON representation

Webpack and React on Rails with server rendering using asset pipeline.

Awesome Lists containing this project

README

        

# Webpack on Rails example app (with server rendering)
Minimal and simple setup to use webpack with Rails asset pipeline for React and ES6. We are using `react-rails` gem to render and mount react components with server rendering support, but using webpack compiled code - both on server and client.

Checkout the webpack config files and `assets/webpack` folder

Check out the `app/assets/javascripts` folder
```bash
components: Contains all react components splitted in directories (same namespace as rails views)
components.js: components manifest
```
## Features
* React with ES6 syntax
* Babel transpiler
* Webpack - possibilities are endless
* Basic ActionCable integration
* NPM support
* Code watching
* React Server and Client rendering

## Running
```bash
git clone [email protected]:gauravtiwari/webpack_on_rails.git
cd webpack_on_rails
bundle install
npm install
chmod 777 start
./start
# Or Alternatively
bundle exec foreman start
```