Drifting Ruby

View Transitions API

#397 Apr 16, 2023 pro

The View Transition API makes it easy to change the DOM in a single step, while creating an animated transition between the two states. Currently, it's available in Chrome 111 and Microsoft Edge. In this episode, we'll create a stimulus controller to interact with this new UX.

rails stimulusjs view

Strict Locals

#388 Feb 12, 2023 pro

Ruby on Rails 7.1 introduces Required Template Arguments w/ Default Values, or Strict Locals. This solves the issue of difficult to reason about dependencies & runtime compilations. In this episode, we look at how Strict Locals can improve the overall maintainability of our Rails partials.

rails 7.1 view

Creating Embedded Iframes

#375 Nov 13, 2022 pro

Similar to Youtube embeds, we will look at creating embedded links to our application so that portions of the application can be embedded. However, there are a lot of security implications and should be done with caution.

rails view turbo

Tailwind CSS

#367 Sep 18, 2022 pro

In this episode, we look at adding Tailwind CSS to our Rails 7 application as well as applying a component library on top to add simplicity and consistency to our views.

rails view css

Liquid Templates

#358 Jul 17, 2022 pro

Using Stimulus and Liquid, we can create real time previews of the Liquid Template Renderer. Liquid provides a markup language that is a safe, customer facing template language for flexible web apps.

rails view stimulusjs

Markdown Parser

#341 Mar 20, 2022 pro

Markdown is a great, but unfortunately ActionText doesn't support it. In this episode, we'll look at implementing a simple markdown parser with Stimulus.

rails view markdown stimulusjs javascript

Hotwire Dashboards

#332 Jan 16, 2022 pro

Dashboards can be a source of poor performance and contain much complexity in our applications. Using Hotwire, we can increase the responsiveness of our dashboard with a maintainable approach.

hotwire rails view

Slim Select with Stimulus

#308 Aug 8, 2021 pro

Using Stimulus and Slim Select, we can get performant results quickly and efficiently.

form javascript stimulusjs view

Avatars

#276 Dec 27, 2020 pro

Learn how to build avatars with initials and conditionally prefer Gravatar images if they exist.

presenter rails ruby view

Real Time Updates with ActionCable

#239 Apr 26, 2020 pro

In this episode, we look at adding real time interactions with ActionCable to our Trello clone. We also look at a couple of different approaches and decisions when building out the interactions.

rails stimulusjs trello-clone view

View

Episodes

Sort

Tags

View Transitions API

Strict Locals

Creating Embedded Iframes

Tailwind CSS

Liquid Templates

Markdown Parser

Hotwire Dashboards

Slim Select with Stimulus

Avatars

Real Time Updates with ActionCable

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

View Transitions API

Strict Locals

Creating Embedded Iframes

Tailwind CSS

Liquid Templates

Markdown Parser

Hotwire Dashboards

Slim Select with Stimulus

Avatars

Real Time Updates with ActionCable