Upgrade the app to a Vite project to improve performance and usability

[arpankumarde]

Proposal: Upgrade the app to a Vite project

Description

I would like to propose upgrading the app from a vanilla HTML, CSS, and JS setup to a Vite project. Vite is a modern frontend tool that provides a fast dev server, bundling, and a great developer experience. It leverages native ES modules in the browser and pre-bundles dependencies with esbuild, which is much faster than JavaScript-based bundlers. It also supports various frameworks and plugins, and has features like Hot Module Replacement (HMR), code splitting, and tree shaking.

Benefits

Some of the benefits of using Vite are:

• Faster development: Vite only needs to transform and serve source code on demand, as the browser requests it. This reduces the server start time and update speed significantly.
• Easier maintenance: Vite uses Rollup to bundle the code for production, which produces highly optimized static assets. Vite also supports TypeScript, JSX, CSS modules, and other web standards out of the box.
• More flexibility: Vite allows us to use npm packages to build the extension, which opens up a lot of possibilities for adding new features and improving the code quality. We can also use plugins to integrate with other tools or frameworks.

Request

I have some experience with Vite and I would like to work on this upgrade. I think it would be a good opportunity to learn more about the tool and improve the app performance and usability. I would appreciate it if you could assign this issue to me under Hacktoberfest.

Thank you for your consideration.

[arpankumarde]

Hey @iSaulX, Please assign it to me under Hacktoberfest!

[iSaulX]

Hey @iSaulX, Please assign it to me under Hacktoberfest!

Hi sure! I was searching information about Vite and sonds great. I'm gonna add the hacktoberfest label (:

[arpankumarde]

Thanks :)