Articles by Tag #vite
Browse our collection of articles on various topics related to IT technologies. Dive in and explore something new!
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...
An open-source, BYOK AI canvas for generating, manipulating, and editing images with AI models.
Howdy folks! 🤠 I saw this post a few days ago on HN (link) about the new Nano Banana model and...
🚨 The Hidden Pitfall: Mixing Tailwind CSS v3 and v4 in Production
Learn why mixing Tailwind v3 and v4 can cause styling conflicts, broken classes, and build issues — and how to fix them cleanly.
How I Rendered Mermaid Diagrams in React (and Built a Library for It)
🧠 TL;DR — I couldn’t find a working React library for Mermaid diagrams, so I built my own — simple,...
Why I Chose Vite Over Webpack: 10x Faster Builds & Instant HMR
Deep dive comparing Vite, Webpack, esbuild, Rollup, and Turbopack for build tooling. Real benchmarks from UI library with 67 modules, and decision framework for choosing the right bundler.
How I Built My Developer Portfolio with Vite, React, and Bun — Fast, Modern & Fully Customizable
A lightweight, modular portfolio built with Vite + React + TypeScript + Bun, designed to showcase...
React template: Introduction
You can find the original post on my blog The Problem Lately I've found myself wanting to...
Goodbye CRA, Hello Vite: A Developer’s 2026 Survival Guide For Migration
Hey Developers 👋 for years, Create React App (CRA) was the go-to tool for setting up React projects...
Guide to Containerizing a Modern JavaScript SPA (Vue/Vite/React) with a Multi-Stage Nginx Build 🚀
This guide outlines the professional, multi-stage Docker strategy required to package a built Single...
React + Express + Vite. Same Port in Dev or Prod.
Developing a full-stack Single Page Application (SPA) often means juggling two separate servers — one...
Workspaces, react and vite. A real-world case study for managing duplicate libraries.
Introduction When organizing a project using npm workspaces, the typical structure...
Why your genius agent is also brain dead: The tale of 7000 scenarios and the knowledge we almost lost
Property-Based Testing with Hypothesis: The Data You're Throwing Away Part 3 of the...
Escaping Dependency Hell: How I Migrated a Legacy CRA App to React 19 & Vite
If you are maintaining a React application created 4 or 5 years ago, you know the feeling. You run...
Debugging StyleX + Vite: The Mystery of "Invalid Empty Selector"
A methodical journey through debugging a CSS-in-JS race condition when the error message tells you...
Storybook in a Laravel + Inertia (Vue 3) app: building a modal + interaction tests
If you’re building a Laravel + Inertia (Vue 3) app, you’re probably shipping UI components fast… and...
I built a fully interactive 3D Solar System you can explore right from your browser.
🪐 Explore the Cosmos from Your Browser I’m stoked to share my recent project: 3D Solar...
The fastest way to start a Mithril + Ionic + Vite project in 2025
Building mobile-ready web applications often involves a heavy stack. You have React, Angular, or Vue...
Why You Should Try Vite For Your Next Project (and Forget About Webpack)
For years, I lived in Webpack configs. Every small project felt like booting a factory for one cup of...
Webpack vs Vite in Angular — Which One Really Wins?
Angular has traditionally relied on Webpack under the hood, but with Vite rapidly gaining popularity...
How to add ANY prefix in React + Vite + Tailwind CSS
Here is a clean Markdown file you can save as ADD_PREFIX_TAILWIND_V4.md or anything you want. ...
Setup Vite with Kemal!
This article is a less technical version of my gist about how to implement Vite + Kemal. Kemal is a...
TLDR; Deploy ReactJS project to Cloudflare Pages
My app is a React application built with Vite, which means it generates static assets (.html, .js,...
SEO Optimization for React + Vite Apps
SEO (Search Engine Optimization) plays a pivotal role in improving the discoverability of your web...
TanStack Table v8: Complete Semantic Data Grid Demo
TanStack Table v8 is a game-changer for data grids in React, but its headless architecture often...
How I implemented Picture-in-Picture in React (with full code + tips)
Hey everyone 👋 I recently added Picture-in-Picture (PiP) support to my React app — and honestly,...
How I Leveraged Source Maps to Improve My Team’s Debugging
Let's face it, the modern web is full of magic. Nowadays, when I use Vite, spinning up a new project...
🚀 Boost Your Svelte DX: A Guide to the Vite Svelte Inspector
Learn how to set up and customize the Svelte Inspector to jump straight from your browser to your code.
Understanding React Project Structure Created by Vite (Beginner’s Guide)
Vite is a blazing fast frontend build tool powering the next generation of web applications. It is...
How to Create a React App Using Vite (Step-by-Step Guide for Beginners)
If you’re a beginner looking forward to diving into learning React. But you don’t know how to create...
Setting Up a React Project with Vite
Why Set Up a React Project? React needs a build tool to manage dependencies, compile JSX,...