BEST way to handle ICONS in your VITE APPS!

Today we go over the best way to handle icons in any web application project built on top of Vite.

This works for React, Vue, Svelte, you name it. As long as it's in Vite it works and it cuts your bundle size by up to 99%

🔗 Resources and Links:
GitHub Repo: https://github.com/AlemTuzlak/remix-e...
Jacob Paris article: https://www.jacobparis.com/content/sv...
Package Repo: https://github.com/forge42dev/vite-pl...

👍 Don't forget to like, comment, and subscribe for more episodes in this series! Join our coding community and let's build something amazing together.

📌 Stay Connected:
Twitter:   / alemtuzlak  
GitHub: https://github.com/AlemTuzlak
Company Github: https://github.com/forge42dev

⏱️ Timestamps:
00:00 - Intro
00:20 - How it works
01:41 - Why the JSX approach is horrible and why we use this one
03:42 - How it works
03:51 - The package that we use
03:58 - Setting it up
04:17 - Going over the manual approach
05:39 - Modifying the vite.config.ts
07:03 - Seeing the plugin in action
08:27 - Preloading the icon
08:49 - The final result
09:47 - Final thoughts
10:09 - Outro

🔖 Tags:
Remix framework, Vite, Remix Vite, web development, frontend development, Remix tutorial, coding tutorial, Remix Vite tutorial, open source, coding community, Vue, Angular, icons, spritesheet, bundle size, Vite