ViewComponent: My attempt to answer what value it brings

Active Storage default variant processor changed to :vips since Rails 7. Learn how to install the required libvips on Heroku.

See what's the default order Rails scaffold generates. A Rubocop Cop is also on the way.

It can be useful to define an inline disposable class in the spec so you can test a module/concern or a middleware cleanly and separately.

Learn how Transient Attributes works and how to simplify the setup of associated records with it.

I had the opportunity to upgrade 3 Rails apps. Here are some notes from that experience.

A quick workaround to make it behave as expected.

TL;DR - Include the CSRF token in the headers to avoid the InvalidAuthenticityToken exception.

The good and caveats when using ActiveStorage after upgrading to Rails 6

chromedriver-helper is out of support as of 2019-03-31. Webdrivers is recommended as the replacement. It's also included in the Rails 6 Gemfile. Time for the switch! ️ Install Webdrivers gem bundle install and it's (almost) done! There is no...

Stimulus supports multiple actions on a single element. For example, you can have a link like this: When the link is clicked, it'll go through session_controller.js first to check whether the user is logged in, and if so, continue to comment_co...

In my previous post, I covered how to use bootstrap.native so you can drop the jQuery dependency right now. In this post, I'm gonna share how to use Toast component with bootstrap.native. Toast UI This popular UI component was added in Bootst...

Bootstrap 5 will remove jQuery as a dependency. That's good news ! But if you want to drop the dependency right now, you can accomplish it with bootstrap.native. bootstrap.native is a third-party plugin that perfectly mimics Bootstrap with vanil...

TL;DR Be sure to include the CSRF token into the headers, otherwise, you'll run into InvalidAuthenticityToken exception. In old-fashioned Rails apps, CSRF token is handled by rails-ujs transparently so there is no extra work for you. However,...

We can already write JavaScript in ES6 syntax with Webpacker. But if you're in the transition phase to migrate an old Rails app from Sprockets (Asset Pipeline) to Webpacker, you might still want to keep your Coffeescript files in use. The default...

I have a feature spec to test the Javascript behavior of the blur event, sadly Capybara's native DSL doesn't seem to support it yet. After quick research, I found two options. Simulate tab away from the element Click the page body My Pick Both ...

After switching from Sprockets to Webpacker, I also dropped the gem Turbolinks from my Gemfile and integrated it with Webpacker. That had been running well until redirect_to stopped working. To be more accurate: It appeared redirect_to won't up...

Rails.application.config_for is a convenient method to load custom yaml file from config/ folder for your current environment - development, test, and production. Getting Started For example, you have a payment config file like this: Rails.a...

I was trying to add a Slack webhook to the Rails app, when I ran bin/rails credentials:edit I got the error ActiveSupport::MessageEncryptor::InvalidMessage. Why that happened? It turned out it was because I lost the key 😅 (config/master.key) . T...

Assume you have a markdown contents saved in a partial _about.md and you want to render it in your view. Custom Template Handler First, you would need to register the type/extension of .md and map it into a customized handler - let's call i...

It's a common practice to return the user to the previous page or a specific page after he/she successfully logged in. If you're using OmniAuth, it's already well supported in the gem! The is request.env['omniauth.origin']. Scenario: return to ...

Get you started with Active Storage. Understand its data model, common usages, how to write the test, and possible gotchas.