Lior Amsalemlior-amsalem.hashnode.dev·Apr 21, 2024How to Write Vite Plugin? Edit Source CodeLearn how to edit source code of files as part of the Vite plugin transpiler process. Modify them as you wish in this case to remove console log before production build We already have another tutorial that explain how to write a vite plugin, Here I ...Discussvite
Ákos KőművesProakoskm.com·Apr 19, 2024How to test React apps with Vitest and ViteA few weeks ago, I began creating small applications for my upcoming course on Testing React applications. I aimed to make the setup simple and easy for students to follow. I started with the Babel/Jest setup, which I've used for years, but people ha...DiscussReact
Ashutosh Tiwariblog.ashutoshtiwari.co.in·Apr 14, 2024How to Build a React UI Component Library: A Step-by-Step Guide using Shadcn UI, Vite, Tailwind CSS, and StorybookIntroduction In this article, we will walk through the process of setting up a React UI component library using Shadcn UI, Vite, Tailwind CSS, and Storybook. But before we dive into the setup process, let’s understand what these technologies are and ...Discuss·78 readsReact
Gabriele Buffolinobite-sized.hashnode.dev·Apr 12, 2024How to fix CORS errors in developmentCORS error is one of the most common errors faced during web development and can be a head scratch for newcomers. In this bite, we'll see what it is and how to fix it in our development environment. The Problem But what is CORS? How it works and why ...DiscussCORS
Sean Coughlinblog.seancoughlin.me·Apr 9, 2024FeaturedAccelerating Frontend Development with Bun and ViteRolling with Bun In the vibrant world of web development, the quest for more efficient tools and workflows is unending. Enter Bun, a modern JavaScript runtime that’s piquing the interest of developers for its all-in-one approach. But what exactly mak...Discuss·39 likes·217 readsWeb DevelopmentBun
Prateek Mahapatracounterappjs.hashnode.dev·Apr 9, 2024Working flow CRA and Vite in ReactEver wondered how react executes ? Gave a prompt to gpt but still find it difficult to get. Dont worry, below I have listed the key differences in executing between an 'create-react-app' and vite method in a minimalist way. Please note, this will not...DiscussReact
Gautam VajaforCodeParrot 10x Dev10xdev.codeparrot.ai·Apr 9, 2024Build your Web Applications Faster with Modern Build ToolsWhat is Building? "Building" refers to the process of transforming and bundling your source code into a format that browsers can efficiently interpret and execute. Transpiling: Converting modern JavaScript (ES6+) or other languages (like TypeScript)...Discuss·1 like·312 readsfrontend
Yug Jadvaniyugjadvani.hashnode.dev·Apr 6, 2024Comparing Create-React-App and Vitejs for React DevelopmentWhen it comes to setting up a new React project, developers have a couple of solid options: the traditional Create-React-App (CRA) and the more recent Vitejs. Both have their merits, but which one should you choose for your next project? Let’s dive i...DiscussReact
Sagar Singhsagarsingh.hashnode.dev·Apr 4, 2024Optimizing React Development with Vite :React is a JavaScript library specifically designed for building user interfaces (UI) for web applications . In this article we are going to learn about how we can setup a React project with Vite and understand it's directory structure Setting up a R...Discuss·11 likes·31 readsvite
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