DEV Community

Cover image for 7 things I've learned using Remix for 1 month
Alexandro Martinez
Alexandro Martinez

Posted on

4 2

7 things I've learned using Remix for 1 month

Iโ€™ve been using @remix_run for 1 month now, itโ€™s like nothing Iโ€™ve used before, here are some of the best features I've encountered:

  • Full-stack Routes ๐Ÿ’ฝ
  • Loaders โŒ›
  • Actions โšก๏ธ
  • Error Boundaries โš ๏ธ
  • No more Loading Spinners ๐Ÿ’€
  • UI/UX ๐Ÿ’…๐Ÿป
  • and more...

1. Full-stack Routes ๐Ÿ’ฝ

Everything you need on ONE file. Loader export to get data + Action export to submit forms + a React component to handle UI = SSR in under 100ms.

Full Stack Routes

2. Loaders โŒ›

Everything you need to load in one function: User state, redirect unauthorized users, i18n translations, SEO meta infoโ€ฆ

Full Stack Routes

3. Actions โšก๏ธ

Validate form submission, parse array values, perform DB operations, use third-party libraries (eg: send email), and redirect the user when completed.

Full Stack Routes

4. Error Boundaries โš ๏ธ

Handle unexpected errors with ErrorBoundary route exports, and expected errors with ClientBoundary exports.

Full Stack Routes

5. No more Loading Spinners ๐Ÿ’€

Using SPA means that you have to wait for the server to load the data, in the meantime, you need to calm down your users by giving them a loading spinner โ†ป.

With SSR you get the fully interactive page, with Remix you don't even think about it.

6. UI/UX ๐Ÿ’…๐Ÿป

I don't have to give up everything I've learned with React + Tailwind CSS components, in fact, now I focus more on them to give my users great UI/UX.

Full Stack Routes

7. Integrations ๐ŸŽ

Working with DBs has never been easier with @prisma + SQLite for local dev, and @supabase for a fast โšก๏ธ PostgreSQL prod app; combined with @stripe and @postmarkapp, it gives us full power for any SaaS app idea that comes. & of course @vercel for hosting ๐Ÿ‘Œ

Full Stack Routes


I would not be surprised if the Remix team (@mjackson, @ryanflorence, @kentcdodds) came up with a Vue/Svelte + Remix tech in the near future, making almost every full-stack dev dream come true.

Full Stack Routes


Let me know your thoughts ๐Ÿ˜ƒ!

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs