Setup Vite, Svelte, Inertia, Stimulus, Bootstrap / Foundation on Rails-7 (Overview)

• vite

  791 64,913 9.9 TypeScript

  Next generation frontend tooling. It's fast!

  

This bundle of tutorials is bringing together Rails-7, Vite, Inertia, Svelte, Stimulus, Turbo, and: Bootstrap or Foundation-Sites.

• turbo

  145 6,424 8.7 JavaScript

  The speed of a single-page web application without having to write any JavaScript (by hotwired)

  

This bundle of tutorials is bringing together Rails-7, Vite, Inertia, Svelte, Stimulus, Turbo, and: Bootstrap or Foundation-Sites.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• jsbundling-rails

  38 798 6.9 Ruby

  Bundle and transpile JavaScript in Rails with esbuild, rollup.js, or Webpack.

  

I spent weeks for understanding all that new frontend options around the new rails-7 and the great new enhancements. From my view, rails should only have two default options on frontend: Importmaps, which needs no Node setup on development machine and production server. But, if you have Node or you want to have Hot Module Reloading (HMR) with code-splitting or want or have to be able compiling javascript files like .ts, .jsx, .svelte. So, if Node, why not Vite? I totally agree with Juice10. Currently Webpacker has more Downloads but reading comparitions it seems to be a matter of time until Vite is ahead. On the other hand, jsbundling together with a gem like rails_live_reload is working fast, but its always triggering a page reload and all the javascript even if you're just modifying styles. This was the decisive reason for me.

• rails_live_reload

  2 291 4.6 Ruby

  Live Reload for your Rails app. The easiest way to increase your productivity.

  

I spent weeks for understanding all that new frontend options around the new rails-7 and the great new enhancements. From my view, rails should only have two default options on frontend: Importmaps, which needs no Node setup on development machine and production server. But, if you have Node or you want to have Hot Module Reloading (HMR) with code-splitting or want or have to be able compiling javascript files like .ts, .jsx, .svelte. So, if Node, why not Vite? I totally agree with Juice10. Currently Webpacker has more Downloads but reading comparitions it seems to be a matter of time until Vite is ahead. On the other hand, jsbundling together with a gem like rails_live_reload is working fast, but its always triggering a page reload and all the javascript even if you're just modifying styles. This was the decisive reason for me.

• Svelte

  634 76,553 9.9 JavaScript

  Cybernetically enhanced web apps

  

This bundle of tutorials is bringing together Rails-7, Vite, Inertia, Svelte, Stimulus, Turbo, and: Bootstrap or Foundation-Sites.

• Stimulus

  111 12,466 6.4 TypeScript

  A modest JavaScript framework for the HTML you already have

  

This bundle of tutorials is bringing together Rails-7, Vite, Inertia, Svelte, Stimulus, Turbo, and: Bootstrap or Foundation-Sites.

• inertia

  121 5,751 7.9 PHP

  Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers.

  

This bundle of tutorials is bringing together Rails-7, Vite, Inertia, Svelte, Stimulus, Turbo, and: Bootstrap or Foundation-Sites.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• Haml

  25 3,749 7.3 Ruby

  HTML Abstraction Markup Language - A Markup Haiku

  

Views are written in haml. If you work on erb there are converters like haml-to-erb. I am working on RubyMine, Apple-Notebook, production Server is Debian (for node-setup) and yarn. I tried to write less text and rather link to the sources.

• Foundation

  32 29,611 6.4 HTML

  The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.

  

This bundle of tutorials is bringing together Rails-7, Vite, Inertia, Svelte, Stimulus, Turbo, and: Bootstrap or Foundation-Sites.

• Bootstrap

  530 167,478 9.6 JavaScript

  The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  

This bundle of tutorials is bringing together Rails-7, Vite, Inertia, Svelte, Stimulus, Turbo, and: Bootstrap or Foundation-Sites.

Suggest a related project