Introduction

This course will teach you the tactics and strategies for building user interfaces with Phlex, Rails, and other tools.

A real production application

I’ve never been a fan of how books and courses use trivial applications that aren’t actually running in production, so for this course I’ve decided to work with Thingybase, a Rails application I’ve been running in production with paying users.

The basics

You’ll learn the nitty gritty of how to build Phlex components to stack them all up and build a more consistent, higher-quality, testable user interface.

We’ll also look at how to integrate Phlex with other popular Rails tools and frameworks, such as Stimulus, Turbo, and Hotwire.

Going all the way with components

Then we’ll explore what it looks like to go “all in” with Phlex and Rails, and how to build a complete web application from scratch using nothing but Phlex components. It’s not as crazy as it sounds and along the way you’ll learn about how to compose layouts, views, components, blocks, and slots with Phlex.

There’s a few other fun things we’ll look at too, like using Superform to build forms with components that automatically permit their own parameters.

The bigger picture

Throughout the course we’ll always ask “why” and zoom out so you can see the big picture of how Phlex improves the Rails frontend and works with your team.

At the end of this course, you’ll have a solid understanding of how to build user interfaces with Phlex and Rails, and how to integrate them with other tools and frameworks.