KazooTTTkazoottt.hashnode.dev·Jan 19, 2025how to generate the path like router config in vite + react + react-router projectwhen i use react-router and vite, i want to config my router in the router.config.ts file and also generate some config for the target path dir. (like the nextjs router which is automatically generated based on the file structure) config the router i...vite
Ray Bergerblog.rayberger.org·Jan 18, 2025FeaturedMigrating Web Components from Vue 2 to Vue 3 at Open LibraryTL;DR: Migrating Vue 2 Web Components to Vue 3 isn't as straightforward as the docs suggest. We tackled three main challenges: setting up Vite builds, managing multiple components, and handling plugins. You can see the final pull request here. This ...10 likes·441 readsVue.js
Yange Stephanie Doosuurphanhie.hashnode.dev·Jan 17, 2025Setting Up React On Your Local MachineWith the rise of libraries and frameworks, including React, making ready-to-use front-end applications has never been easier.React is a popular and widely used javascript library that is used to make website interfaces or UIs. React is an excellent c...React
Sachin Patelweb-lab.hashnode.dev·Jan 16, 2025Building a Foundation: Integrating Front-End and Back-End with EaseGetting started with web app development can often feel overwhelming, especially when tackling the challenge of setting up a solid project structure. This guide aims to simplify the process by helping you create a foundational setup for web applicati...full stack
Alvin Crespoalvincrespo.hashnode.dev·Jan 16, 2025Getting Started with React + Vite + DockerI’ve recently jumped back into React / Frontend development and was curious what tools the cool kids are using these days. At work, we use create react app, which seems to have been deprecated and isn’t even mentioned in the React docs anymore. So I ...React
RichGod Usenrichgodsblog.hashnode.dev·Jan 12, 2025My little adventure into the world of scriptingHow scripting made setting up Vite + React projects 100x easier for me How it all began Well, one afternoon at work, I had a couple of projects to set up and trust me, I’m no fan of the grueling process involved in setting up a folder/file structure...20 likesTech Journey Shenanigansvite
Meer Uxairmeeruzairwashere.hashnode.dev·Jan 11, 2025Solving the 'vite not found' Error Caused by Production Mode FlagsEver been stuck debugging a failed build, only to discover that it’s because your favorite tool—like Vite—was mysteriously “not found”? If you’ve encountered this frustration, chances are you were running your build with --production=true. Let me wal...vite not found
Piyush Kumarpiyushkumar-blog.hashnode.dev·Jan 11, 2025Setup of React project with Vite and TailwindCSSTo set up a React project with Vite, follow these steps: Prerequisites: Ensure you have Node.js installed on your system. Create Vite Project Open your terminal and run: npm create vite@latest my-react-app --template react This command initializes ...39 readsReact
Mutiat Adepojuriike.hashnode.dev·Jan 10, 2025Easy Tutorial: Setting Up ReactJs with Vite, TypeScript, and Tailwind CSSSetting up a React.js project with Vite and Tailwind CSS can be simpler than you think. This step-by-step guide will help you build a fast and modern React app with ease. By the end of this article, you will have a fully functional React app that loo...2 likes·33 readsReact
Md. Masayeakh Islamreact-for-beginners-getting-started.hashnode.dev·Jan 1, 2025Master React: The Ultimate Beginner's Guide to JSX, Components and Props😉📝Let's Play with JSX in React Jsx can be divided into two parts. Javascript(js) and Extensible Markup Language (XML). In simple words, JSX is an HTML-like syntax used by React that extends ECMAScript so that HTML-like syntax can co-exist with Jav...5 likesReact