Drifting Ruby

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

Testing View Components

#293 Apr 25, 2021 pro

View Components allow testing the rendered views much easier.

rails test view component

Hotwire & ViewComponents

#288 Mar 21, 2021 pro

In this episode, we look into adding ViewComponent and Hotwire into our Rails application. With this powerful combination, we can create highly interactive applications with ease.

hotwire rails view component turbo

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

Drag and Drop with draggable

#235 Mar 29, 2020 pro

Adding onto the previous episode, we add a drag and drop to our lists and go deeper with nested resources.

action text controller rails stimulusjs view trello-clone

View

Episodes

Sort

Tags

Tailwind CSS

Liquid Templates

Markdown Parser

Hotwire Dashboards

Slim Select with Stimulus

Testing View Components

Hotwire & ViewComponents

Avatars

Real Time Updates with ActionCable

Drag and Drop with draggable

Learning Paths

Video Logs new

Blog

Merchandise new

View

Episodes

Sort

Tags

Tailwind CSS

Liquid Templates

Markdown Parser

Hotwire Dashboards

Slim Select with Stimulus

Testing View Components

Hotwire & ViewComponents

Avatars

Real Time Updates with ActionCable

Drag and Drop with draggable