Sign inGo Pro
Adding pending UI

Watch this course for $99.

Buy now

Adding pending UI

Improve our form's UX with validations, default values, and a styled pending state.

My first Remix app

11 lessons · 2:51:45

  1. 1Scaffolding a new app12:31
  2. 2Creating an entry form22:49
  3. 3Saving new entries20:44
  4. 4Adding pending UI15:12
  5. 5Loading entries8:22
  6. 6Displaying entries by week24:09
  7. 7Creating the edit page13:43
  8. 8Editing entries9:47
  9. 9Making the entry form reusable10:20
  10. 10Deleting entries10:25
  11. 11Adding an authenticated state23:43

  12. 12Customizing the public UIComing soon

Buy this course to access this lesson's summary and source code.

Buy My first Remix app

Buy the course

$99one-time payment

Get everything in My first Remix app.

  • 2+ hours of video
  • 11 lessons with more coming soon
  • Private Discord
  • Summaries with code
  • Unlimited access to course materials

Lifetime membership

$249

$149
early bird discountone-time payment

Lifetime access to all current and future premium Build UI courses, forever.

  • Courses on Framer Motion, Tailwind, and Remix
  • New videos added weekly
  • Refactoring videos on React
  • Private Discord
  • Summaries with code
  • Full access to all future Build UI courses

What's included

Stream or download every video

Watch every lesson directly on Build UI, or download them to watch offline at any time.

Live code demos

Access to a live demo of each lesson that runs directly in your browser.

Private Discord

Chat with Sam, Ryan and other Build UI members about the lessons – or anything else you're working on – in our private server.

Video summaries with code snippets

Quickly reference a lesson's material with text summaries and copyable code snippets.

Source code

Each lesson comes with a GitHub repo that includes a diff of the source code.

Invoices and receipts

Get reimbursed from your employer for becoming a better coder!