​

Hey there,

We've got some exciting news today! Ship an app with Remix – our latest course – is now fully complete!

Clocking in at exactly 5 hours across 19 lessons, you’ll learn how to build a full-stack Work Journal application using Remix.

I got the idea for this project from my own work journal that I made for my personal site. It's been a useful tool over the years to document my journey as a developer, and it's a fun way to share weekly updates with other folks.

When I started using Remix in 2021, I knew I wanted to make a course on it. Remix felt like it combined my favorite parts of React with the simplicity of the web's request-response cycle that I sorely missed from frameworks like Ruby on Rails.

My Work Journal app was a perfect candidate for the course, since it's a full-stack application that has server-side features like reading and writing to a database, authentication, and deployment, as well as client-side features like SPA routing, partial reloads, and pending UI.

It's an awesome example that showcases how productive a single developer can be when they're given the right set of tools!

In this course you'll learn how to build an app exactly the way I do: step-by-step, one complete feature at a time, from the perspective of the user flows that feature should support. This means that when we build the login flow, we code both the frontend form as well as the backend data and logic needed for a user to successfully log in.

I strongly believe that building single features end-to-end is the best way to develop software, and I'm excited to show you how easy this workflow is to pull off with Remix.

Here's just some of the things we cover:

• Creating a brand new Remix app with Tailwind CSS
• Setting up Prisma and SQLite for persistent data
• Understanding Remix's <Form> and useFetcher APIs
• Using loaders and actions to read and write server-side data
• Adding client-side pending UI during server-side operations
• Working with dates and timezones using date-fns
• Creating dynamic routes and nested UI
• Making a reusable form component for creating and editing data
• Adding cookie-based authentication with Remix's Session APIs
• Customizing user-facing error pages with Remix's Error Boundary
• Polishing our UI on mobile and desktop screens with Tailwind CSS
• Deploying our app and database to Fly

In addition to becoming adept with Remix, you'll learn foundational knowledge about the web that you'll carry with you for the rest of your career as a web developer, including

• What "HTTP is a stateless protocol" means
• Why the request-response cycle is so important
• How progressive enhancement makes building rich client UIs easier
• How to use core web APIs like FormData
• How to make TypeScript work for you, not against you
• Some best practices from digital interface design
• How cookie-based auth can be stateful even though HTTP is not

I'm thrilled to share the complete course you, and I can't wait to hear what you think.

Head over to Build UI to watch the first three lessons for free:

...and shoot me back your URLs once you deploy your journals!

​

Happy hacking,

– Sam and Ryan