Tag: Vite

Trimming the Docker Image: How I Made My Docker Images Slimmer with Vite, React, and Multi-Stageā€¦

Ever felt your Docker images are wearing a few extra layers? I’ve been there. Dockerizing sample Vite + React app used to result in a chunky image. But then, I was introduced to multi-stage builds and everything changed. Let’s dive in, starting from the very beginning! Step 1: Setting...

Vite-React + React-Router-Dom: The latest way!!

The short story is that I was following just another e-commerce tutorial and found out that most of them are OUTDATED so I challenged myself to find how to resolve the puzzle with the latest versions of everything. I must mention that the tutorial I am using is from 2021 so it seems that is very,...

Cypress, React and Vite collaboration

This short article is dedicated to the integration of Cypress 10, React 18 and Vite with e2e testing, API testing and component (unit) testing using a single framework and minimal problem. This article includes: Instructions for adding e2e, component, and api tests using cypress to your Rea...