Remix is an excellent Web Application Framework I would use when building complex React-based applications.

Remix is, among with Next.js, one of the most popular React meta-frameworks.

A meta-framework is a framework built on top of a UI framework/library.

For example Svelte has SvelteKit, Vue has Nuxt, React has Next.js and Remix.

There are a ton more, but that’s the concept.

Remix gives us the ability to use React for building web applications that connect to a server and talk to a database.

A bit similar to Rails, Laravel, and other more backend-style frameworks, Remix is focused on helping us build server-rendered applications, but using React on the frontend, which makes it simpler to create snappy, interactive UIs.

In this unit I’ll introduce you to Remix and on how to use it.

Lessons in this unit:

0: ▶︎ Introduction
1: Create your first Remix app
2: The root route
3: File based routing
4: Linking your pages
5: Styling with CSS and Tailwind
6: Create a navigation
7: Dynamic routes and nested routes
8: Connecting a database
9: Data mutations using forms and actions