Chart.js
Play
21:24 CC

Chart.js

#393 Mar 19, 2023 pro
Chart.js is a simple yet flexible JavaScript charting library for the modern web. In this episode, we look at creating a Stimulus controller around Chart.js. We'll also look at making the chart interactive by adding zoom and pan functionality.

TailwindUI Calendar
Play
40:00 CC

TailwindUI Calendar

#383 Jan 8, 2023 pro
The TailwindUI library provides static styled HTML examples, but this can be difficult to translate into a Rails application. In this episode, we take a look at one of the calendar examples and make it interactive with displaying days that have events as well as returning events on selected days.

Liquid Templates
Play
22:12 CC

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.

Limiting Text Input
Play
18:41 CC

Limiting Text Input

#350 May 22, 2022 pro
User experience is important and there are little things that we can do to help improve this experience. By giving real time feedback on text inputs to approaching limits on fields, the user can modify and update their text accordingly before they submit the form. In this episode, we look at database level, model validations and limiting text input on the client side.

Markdown Parser
Play
7:51 CC

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.