All Projects → gauravtiwari → Rails Webpacker

gauravtiwari / Rails Webpacker

Rails on webpack and yarn with new webpacker gem. Multiple examples using react, vue and angular

Programming Languages

ruby
36898 projects - #4 most used programming language

Labels

Projects that are alternatives of or similar to Rails Webpacker

Rails React Typescript Docker Example
An example app built on Ruby on Rails 6.1 + React.js 17 + TypeScript 4.2 + Docker Compose
Stars: ✭ 129 (+61.25%)
Mutual labels:  rails, yarn
Hyperstack
Hyperstack ALPHA https://hyperstack.org
Stars: ✭ 463 (+478.75%)
Mutual labels:  rails, yarn
Webpacker
Use Webpack to manage app-like JavaScript modules in Rails
Stars: ✭ 5,282 (+6502.5%)
Mutual labels:  rails, yarn
Codetriage
Discover the best way to get started contributing to Open Source projects
Stars: ✭ 1,185 (+1381.25%)
Mutual labels:  rails
Test Prof
Ruby Tests Profiling Toolbox
Stars: ✭ 1,193 (+1391.25%)
Mutual labels:  rails
Route downcaser
Makes routing in Rails case-insensitive
Stars: ✭ 76 (-5%)
Mutual labels:  rails
Rails Apz
The guide to build a Rails app from a to z.
Stars: ✭ 79 (-1.25%)
Mutual labels:  rails
Vue Admin Element
(Vue2 演示项目)物业后台管理系统 - ElementUI ( 基本结构已完成, 剩下的就是具体业务开发; 如有疑问请留言 )
Stars: ✭ 73 (-8.75%)
Mutual labels:  yarn
Vglist
A video game library tracking web app built in Rails and powered by Wikidata.
Stars: ✭ 78 (-2.5%)
Mutual labels:  rails
Emma Cli
📦 Terminal assistant to find and install node packages.
Stars: ✭ 1,201 (+1401.25%)
Mutual labels:  yarn
Activeadmin quill editor
Quill Rich Text Editor for ActiveAdmin
Stars: ✭ 76 (-5%)
Mutual labels:  rails
Hotwire Chat
Hotwire Chat is a demo Ruby on Rails web application built with Hotwire.
Stars: ✭ 73 (-8.75%)
Mutual labels:  rails
Rails emoji
Emoji for Ruby on Rails
Stars: ✭ 76 (-5%)
Mutual labels:  rails
Docker Ruby Node
🐳 Alpine Docker Image with latest versions of Ruby, Node.js and yarn installed. This Docker Image is actively maintained and updated regularly.
Stars: ✭ 74 (-7.5%)
Mutual labels:  yarn
Dfile
[Python + Flask] DFile: A fancy S3-based file sharing mode
Stars: ✭ 79 (-1.25%)
Mutual labels:  yarn
Active enumerable
ActiveRecord like query methods for Ruby enumerable collections.
Stars: ✭ 73 (-8.75%)
Mutual labels:  rails
Realtime Rails
Realtime rails support. See website for documentation:
Stars: ✭ 77 (-3.75%)
Mutual labels:  rails
Tf Yarn
Train TensorFlow models on YARN in just a few lines of code!
Stars: ✭ 76 (-5%)
Mutual labels:  yarn
Create React App
Yarn Workspaces Monorepo support for Create-React-App / React-Scripts.
Stars: ✭ 76 (-5%)
Mutual labels:  yarn
Acts as hashids
Use Youtube-Like ID in ActiveRecord seamlessly.
Stars: ✭ 76 (-5%)
Mutual labels:  rails

Rails Webpacker

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

Examples

  • React + Demo HTML
  • Angular + Demo HTML
  • Vue + Demo HTML
  • React + ActionCable + Chat

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/rails-webpacker.git
  cd rails-webpacker
  bundle install
  brew install yarn # (if not installed)
  ./bin/yarn install

Or just run prepare script to install everything after cloning the repo

  ./bin/prepare # only on macOS

(try chmod 777 ./bin/prepare incase it doesn't work)

Then, run the server,

  ./bin/server

(try chmod 777 ./bin/server incase it doesn't work)

Installing 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].