This rails project is simply a model of a modern rails app demoing how I (Jon Heslop) aspire us to build out the frontend of https://github.com/pusher/dash as we modernise it.
The project has live reloading of all changes.
To run the project run:
rails server -e developmentto start rails./bin/webpack-dev-server --watch --colors --progressto get live reloading of CSS/JSguardto run guard which looks for.rb/.erband reloads the page (relies on the guard gem being installed too)
A component is a piece of our UI, a button for example. We are using partials as components, in a similar fashion to GOV.UK.
Although recently found out it would be better to use https://github.com/github/actionview-component. But until we upgrade to rails 5.2 this isn’t possible.
This project uses atomic CSS classes (each class, on the whole, represents one css property declaration). The system is based on https://github.com/tachyons-css/tachyons-custom. The CSS is generated with PostCSS via Webpack.
On merge to master a Heroku deploys the app