Welcome to my next installment of the Let's Build: With Ruby on Rails screencast series. After a bit of a hiatus, I'm back building apps with Ruby on Rails. ...
Use Webpack to manage app-like JavaScript modules in Rails - rails/webpacker
Welcome to my next installment of the Let's Build: With Ruby on Rails screencast series. After a bit of a hiatus, I'm back building apps with Ruby on Rails. ...
What's new in React-Rails 2.0? April 13, 2017 F...
With the release of Rails 6, webpacker is the new default compilation pipe for Javascript assets. Learn how to create a standalone widget file which redirects to webpacker compiled assets.
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...
As you may have heard by now, Rails 7 comes out of the box with importmap-rails and the mighty...
In this post I'll show you how to create a Rails API then, using the Webpacker gem, build a React front-end to consume it.
This guide provides steps to be followed when you upgrade your applications to a newer version of Ruby on Rails. These steps are also available in individual release guides.
Looking back at a painful refactor journey from Webpacker to Vite, Enzyme to React Testing Library, and React
Bringing joy to your frontend experience
The Asset Pipeline, Sprockets, Webpacker, importmaps, and more. Over the years, Rails used different solutions to manage assets, let's go back in time to make sense of it.
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...
Highlights in Rails 5.1: Yarn Support Optional Webpack support jQuery no longer a default dependency System tests Encrypted secrets Parameterized mailers Direct & resolved routes Unification of form_for and form_tag into form_with These release notes cover only the major changes. To learn about various bug fixes and changes, please refer to the changelogs or check out the list of commits in the main Rails repository on GitHub.
As I took a quick break from my other series ([Let's Build for Ruby on Rails developers](https://web-crunch.com/collections/lets-build-for-ruby-and-rails-dev...
Upgrading a Ruby on Rails application can be a downright chore. There are many steps to consider and that varies depending on your version of Rails. It's oft...
Ruby, Rails, Web dev articles
I recently discovered Hypernova, a wonderful tool from Airbnb, making the unimaginable possible: server side rendered React components, in a Rails app, with ...
Bringing joy to your frontend experience
Using jsbundling-rails and esbuild to create a live reloading development environment for Rails
I don’t do many things frontend these days, but I’ve wanted to try out Tailwind for a while, and I finally had the opportunity. Alas, it was a Rails app which had no frontend at all (apart from administrate), so I need to start from the very beginning. Here’s how I did it:
Archiving recipes, making family tech support less frustrating, the kindness of neighbours and migrating away from Sprockets and Webpacker.
Enjoy all the benefits of Rails path helpers in your JavaScript code.
Vite.js brings the joy back to frontend tooling! Learn how to use it in Ruby projects.
How to get your Rails data into your React component with webpacker
If you’re new to React let me help you install React using Webpacker. You’ll be adding React components to Rails in no time.
Reflecting on a year of family milestones, tech innovation at GitHub, and personal growth. Cheers to cherished moments and learning new things!
Explore the history of Sprockets, Webpack, and Webpacker in Rails and understand why Rails 7 no longer has webpack by default.
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...
Vue on Rails book now available -- Purchase Vue on Rails I wrote a [post about Vue.js and Rails](https://rlafranchi.github.io/2016/03/09/vuejs-and- ...