#vite Development Tutorials & Tips | Roast Dev

100daysofcode 100daysofdevops 100pay 10mistakes 10yearworkanniversary 11 11labs 11tly 11ty 127001

How to build a tree-shakable library with Vite and Rollup

Today we will talk about the Moby Dick of ES Module bundlers. Tree shaking is a smart JavaScript optimization that prunes unused code from your final bundle. It's not just about tidiness; it's a key p...

08.04.2025 0 Read More

Beyond Create React App: A Comprehensive Comparison of Modern Build Tools

Introduction With Create React App (CRA) now in maintenance mode, developers are being pushed towards alternative build tools for their React applications (Good!!! I dare to say, since there ...

08.04.2025 0 Read More

How Vite resolves relative and absolute paths

Hello everyone!If you're working with Vite and handling static assets like fonts or images, path resolution can be tricky — especially when things work in one environment but not in others. In this ...

11.04.2025 0 Read More

Setting Up a React Project with Vite

Why Set Up a React Project? React needs a build tool to manage dependencies, compile JSX, and optimize performance. The two most popular ways to set up a React project are: Create React Ap...

12.04.2025 0 Read More

Deploy Static Web Apps to AWS S3 Using GitHub Actions

This guide will help you securely deploy a static web application (e.g., Next.js, Vite) to an AWS S3 bucket using GitHub Actions and an IAM Role. Step 1: Create an IAM Role in AWS Log in to ...

13.04.2025 0 Read More

Why I keep choosing Vike over Next.js for frontend apps

I've built a bunch of frontend apps and landing pages over the years. Some simple, some complex, some just to ship something and see what sticks.And like a lot of people, I started with Next.js.It’s...

16.04.2025 0 Read More

How to Use React with Web Workers for Offloading Heavy Computation

React is excellent for building interactive UIs, but it's not meant to handle CPU-heavy tasks like parsing large files or running complex calculations directly in the main thread. This can freeze your...

19.04.2025 0 Read More

Understanding how Vite deals with your node_modules

This is an article about Vite and its features which are related to the node_modules of your projects. Background As a Vite user so far, I guess there might be some questions in your head like...

20.04.2025 0 Read More

Discover Your Dragon with the Threshing Quiz: A Journey into Coding and Fantasy

What do you get when you mix React, a dash of fantasy logic, and a whole lot of dragon energy? A custom personality quiz that tells you exactly what kind of dragon you’d bond with in the world of Fo...

22.04.2025 0 Read More

Enhancing Vue Development with vite-plugin-vue-inspector-plus

vite-plugin-vue-inspector-plus is a Vite plugin designed to enhance the Vue development experience. This plugin seamlessly integrates with Vue Devtools or Vue Inspector, making component inspection mo...

24.04.2025 0 Read More