Working With Remix Router In A Vue Application with Ionic Framework UI Components

Aaron K Saunders - Jun 9 '22 - - Dev Community

Working With Remix Router In A Vue Application with Ionic Framework UI Components

Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience. People are gonna love using your stuff.

⚠️ remix-router-vue is very much in an alpha state and production usage is highly discouraged

This is a walkthrough of a sample application built using the remix-router-vue as a new way to build and structure VueJS applications. It brings over a fair bit of the Remix-Run functionality and I think it is pretty awesome.

Fear not if you are not informed about Ionic Framework, for the purpose of this content, it is just UI Components; you can use whatever you want to style your user interface.

Video

Source Code

Vue 3 Ionic Framework And Remix Router + Vite

See video - https://youtu.be/gCfinbw2nZ0

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup




. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .