Mazen Emammazenadel19.hashnode.dev·Aug 17, 2024Migrating from Create-React-App to Vite: Boosting Performance in Legacy ApplicationsI'm excited to share that we are successfully transitioning from create-react-app (CRA) to Vite in my workplace! 🎉 Switching wasn’t straightforward, but it was necessary. Our app was becoming increasingly sluggish, and the developer experience (DX) ...Discusscreate-react-app
Haseeb Mirzahaseebmirza.hashnode.dev·Jun 21, 2024Building a Modern React App with Vite, Redux Toolkit, MUI, and TypeScriptIn this article, we will walk through the creation of a modern React application using Vite, Redux Toolkit, Material-UI (MUI), and TypeScript. Our app will include a registration page and a page to display registered users. We will use Redux Toolkit ...Discussredux-toolkit
Rohan Shrivastavarohanblogs.hashnode.dev·Jun 19, 2024Vite: A Game-Changer for React DevelopmentIn the ever-evolving world of web development, tools and technologies continually emerge to streamline and enhance the development process. One such tool making waves is Vite. Designed to address common challenges in modern web development, Vite of...Discussvite
CODEWITHG.COMguillaumeduhan.hashnode.dev·May 27, 2024Why I Chose Vite.js for My React ProjectsWhen I first started using Create React App (CRA), the idea was simple: make it easy to kick off React projects. Since its launch in 2016 by Facebook, CRA was seen as the holy grail for easily setting up Webpack, Babel, and other essential tools. But...Discuss·1 likeReact
Pawan Luhanathepawanluhana.hashnode.dev·Apr 3, 2024Seamless Web Development with Tailwind CSS, Vite, and React.jsIn the fast-paced world of web development, efficiency is key. Luckily, with the dynamic trio of Tailwind CSS, Vite, and React.js, you can supercharge your workflow and bring your projects to life faster than ever before. Let's dive into how you can ...Discuss·1 likevite
Adekogbe Florishvon-moyo.hashnode.dev·Feb 23, 2024Create a new React App with ViteEvery React app is unique, but they all begin with the same blueprint which requires: An index.js, App.css and App.js file A toolchain to use JSX React and react-dom installed A bundler to groups all your files into a single deployable file We ...Discussvite
Keyrun KBkeyran-kb.hashnode.dev·Jan 18, 2024File Structure & Flow of ReactJS LibraryUsing Vite Tool - Install Using Vite - https://vitejs.dev/guide/ create-vite is a tool to quickly start a project from a basic template for popular frameworks. Vite (French word for "quick", pronounced /vit/, like "veet") is a build tool that aims to...DiscussReact
Supriya Msupminn.hashnode.dev·Jan 5, 2024Module Federation using ViteJSFor backend developers, the microservice architecture represents a software development approach composed of small, independent services communicating over well-defined APIs. A similar concept for frontend applications is Micro-Frontends. This archit...Discuss·15 likes·252 readsmodule federation
Maciej Zimochwste23.hashnode.dev·Dec 4, 2023Bun vs Node.js: TW Elements now with Vite with BunTW Elements - now with Vite with Bun Bun is a tool that is designed to replace Node.js in the development of web applications. The main goal of Bun is to reduce the startup times and memory usage of created apps. Vite works with a Bun out of the box....Discuss·1 likeBun
Oluwatomisin Bellotbello.hashnode.dev·Nov 12, 2023Uncaught ReferenceError: process is not definedThe ` Uncaught ReferenceError: process is not defined` occurs when trying to access the process variable in an environment where it is not defined. This happens in a Vite/React project when trying to access an environment variable in the .env file si...Discuss·87 readsEnvironment variables