Use ESM with importmap to manage modern JavaScript in Rails without transpiling or bundling. - rails/importmap-rails
This version of Rails has been years in the conceptual making. It’s the fulfillment of a vision to present a truly full-stack approach to web development that tackles both the front- and back-end challenges with equal vigor. An omakase menu that includes everything from the aperitif to the dessert.
It's an exciting time in web development. After a decade's worth of front-end progress kept demanding ever more complicated setups, we're finally moving in the opposite direction. With simpler tools that are still able to hit those high-fidelity user interface notes, but at a sliver of the cost in complexity. The long expansion of enab...
Effortless Ruby and Ruby on Rails Email Courses. Learn anytime, anywhere.
Effortless Ruby and Ruby on Rails Email Courses. Learn anytime, anywhere.
Explore the history of Sprockets, Webpack, and Webpacker in Rails and understand why Rails 7 no longer has webpack by default.
I didn't much care for vanilla JavaScript prior to ES6. Through all of the 2000s, I chased different approaches to avoid writing too much of it. First there was RJS (Ruby-to-JavaScript). Then there was CoffeeScript. Both transpiling approaches that turned more enjoyable-to-write source code into the kind of JavaScript that browsers wou...
For the first time since the 2000s, I'm working on a new Rails application without using any form of real build steps on the front-end. We're making it using vanilla ES6 with import maps for Hotwire, and vanilla CSS with nesting and variables for styling. All running on a delightfully new simple asset pipeline called Propshaft. It's al...
As you may have heard by now, Rails 7 comes out of the box with importmap-rails and the mighty...
Working with JavaScript in RailsThis guide covers the options for integrating JavaScript functionality into your Rails application, including the options you have for using external JavaScript packages and how to use Turbo with Rails.After reading this guide, you will know: How to use Rails without the need for a Node.js, Yarn, or a JavaScript bundler. How to create a new Rails application using import maps, esbuild, rollup, or webpack to bundle your JavaScript. What Turbo is, and how to use it. How to use the Turbo HTML helpers provided by Rails.
Rails has been unapologetically full stack since the beginning. We've continuously sought to include ever-more default answers to all the major infrastructure questions posed by modern web development. From talking to a database, to sending and receiving emails, to connecting web sockets, to rendering HTML, to integrating with JavaScri...
For the first time since the 2000s, I'm working on a new Rails application without using any form of real build steps on the front-end. We're making it using vanilla ES6 with import maps for Hotwire, and vanilla CSS with nesting and variables for styling. All running on a delightfully new simple asset pipeline called Propshaft. It's al...
Using jsbundling-rails and esbuild to create a live reloading development environment for Rails
If you have the luxury of starting a new Rails app today, here’s our recommendation: go vanilla. • Fight hard before adding Ruby dependencies. Keep that Gemile that Rails generates as close to the original one as possible. • Fight even harder before adding Javascript dependencies. You don’t need React or any other front-end frameworks,...
In this post I'll show you how to create a Rails API then, using esbuild, construct a React front-end to consume it.
Learn how to set up authentication (verifying who you are) and authorization (what you may do) in a Rails app with Devise and Cancancan.
Get your Rails app running on Ubuntu with this hands-on guide using Capistrano, Apache, and MySQL.
I am not a front end engineer – but I'm on a project right now with heavy front end requirements. This blog post documents how I got Font Awesome running on...
Rails has been unapologetically full stack since the beginning. We've continuously sought to include ever-more default answers to all the major infrastructure questions posed by modern web development. From talking to a database, to sending and receiving emails, to connecting web sockets, to rendering HTML, to integrating with JavaScri...
This guide covers the options for integrating JavaScript functionality into your Rails application, including the options you have for using external JavaScript packages and how to use Turbo with Rails.After reading this guide, you will know: How to use Rails without the need for a Node.js, Yarn, or a JavaScript bundler. How to create a new Rails application using import maps, Bun, esbuild, Rollup, or Webpack to bundle your JavaScript. What Turbo is, and how to use it. How to use the Turbo HTML helpers provided by Rails.
2021 was an incredible year for Ruby on Rails. We started it off still celebrating the third major version of Ruby, and left it with the accomplishment of the seventh major version of Rails. Together, these releases sparked a renewed enthusiasm for building modern web applications with Ruby on Rails, unlike anything I can recall since ...