-
Using Hotwire with Rails for a SPA like experience
Previously, we created a SPA-like experience using Stimulus and RxJs. Let's recreate that using Turbo Frames, and add use Stimulus to add some polish, such as loading states and keeping track of the selected item. -
Dynamic Dialogs with Hotwire and Minimal Javascript
Dialogs are a staple of almost every modern web application. Fortunately, there are some newer techniques that we can employ to make modal dialogs less of a headache, and we can combine Hotwire, some minimal Javascript and some clever CSS to make some good looking dialogs. -
Stimulus and RxJS For Improved Loading States
See how we can use Stimulus and RxJS primitives to improve the handling of loading states in response to user actions. -
Stimulus and RxJS for an SPA Like Experience
See how we can use Stimulus and RxJS along with server rendered templates to create a single-page-app like experience by just adding some sprinkles of Javascript. -
Client Side Form Validation With Stimulus and Rails
Client side form validation is fairly easy to do with a framework such as Angular or Ember, but how can we get client validation with just Rails and Stimulus? With a sprinkling of Javascript, we can see just how easy it is to add some client side validation. -
Redirecting to static webpacker Content With Rails
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. -
Rails Vanity URL's With Route Constraints
Looking to create a root-level vanity URL, while still having a catch-all route or using `high_voltage` gem? Read on to learn how to use Route Constraints in Rails to achieve this. -
Preventing Minitest Focus During CI
I really love using Minitest along with Minitest Focus during the development process with Rails.
-
Ember CLI - Easily toggle between mocks and live server
One of the great things about Ember is how productive I feel, and how it allows me to focus solely on the front end. Ember CLI makes this even faster, as it makes it super easy to create http-mocks of the backend, which allows me to continue working on the front-end while the Web API portion of the application is still being developed or finalized. If the same team member is working on both, sometimes an approach of starting with the UI also helps vet out the requirements for the Web API as well.