Victoria Lovictoria.hashnode.net·Jun 24, 2022FeaturedIntroduction to Vite: The Next Generation Frontend ToolingAs a React developer, using Create React App to start new projects and run them can be a pain. Firstly, it is slow to install all the 140MB dependencies when creating a new app. Next, it uses Webpack to bundle the code each time new changes are made....214 likes·8.7K readsvite
Cathal Mac Donnachareturnofthemac.hashnode.net·Aug 22, 2022FeaturedMigrating from Create React App (CRA) to ViteI recently migrated a production app within my company from create-react-app (CRA) to Vite, and the results have been great so far! In this article, I go through all the steps I took as part of the migration, in the hope that it might help others who...147 likes·65.7K readsvite
ashishasrvd.hashnode.net·Aug 19, 2022FeaturedCreate a new React app with ViteAlthough every React app is unique, they all start from the same place: You need an index.js, App.js, and App.css file You need to install react and react-dom You need a toolchain to use JSX You need a bundler to bundle all your .js, .css, etc. file...142 likes·4.0K readsJavaScript
Vedansh Mehravedanshmehra.hashnode.net·Apr 24, 2023Monorepo setup with Npm Workspaces & LernaMonorepos lets you manage multiple repositories into one single repository but managing and publishing them can be very tedious as the repositories grow.Lerna is a powerful tool that can be used to manage and publish monorepos in Javascript/Typescrip...monorepo
Abhrajit Rayaroy77.hashnode.net·Apr 23, 2023Get started with .env in your Vite+React AppWhy use .env files? While building our web app, we might need to store sensitive information such as API keys, database passwords, and other variables that are required for the application to run. Now we wouldn't want such information to be hard-code...Environment variables
David Ajiboladavidts.hashnode.net·Apr 21, 2023Building a serverless web application with React and Firebasewhat is a serverless web application? A serverless web application is a web application built using a serverless architecture. The server-side logic is handled by a cloud provider, such as AWS, Google Cloud, or Microsoft Azure, rather than needing to...19 likes·185 readsReact
Aryan Srivastavaaryansri.hashnode.net·Apr 21, 2023Vite guide: An alternative fast way to create react appIn 2023, where time is more important than anything and you're still using create-react-app to create a react application starter. It takes forever to create a react app using create-react-app, it's so slow that you can make your coffee and it won't ...10 likesWeMakeDevs
Zechariah Hounwanoucodexive.hashnode.net·Apr 19, 20234 Reasons Why You Should Use Vite.js over CRAAs a Front-end Developer, when you want to develop a modern web application, choosing the right tool for building that web application is a crucial decision that can have an impact on your projects. I guess you have probably heard of Create React App...vite
Jeremiah Aworetanjeremy0x.hashnode.net·Apr 17, 2023React Dictionary App with TypeScript & TailwindIntroduction Building a dictionary web app is an exciting project, not just because of its functionality but also its design. In this blog post, I'll document my experience building LingoLookup, a dictionary web app that allows users to search for wo...React
Ayush Anandayushananddev.hashnode.net·Apr 15, 2023Streamlining React Development with Vite: A Comparative Guide to Create-React-AppIntroduction Vite is a modern build tool and development environment aimed at providing a smooth and blazingly fast experience for modern web development. It is created by Evan You, the creator of Vue.js as a faster alternative to existing build tool...1 likeReact
Iván Garcíawhil.hashnode.net·Apr 14, 2023Jotai's Code ExplanationHi. I hope that you like it Today Let's learn how to use Jotai in a basic usage and keyway, In a previous article Jotais Introduction basic concepts. Aclaration: I'm not using providers, contexts or redux for this example. Jotai is state management o...69 readsReact
Michael Laroccamichaeljudelarocca.hashnode.net·Apr 11, 2023Exploring React Props by Creating Star Trek Card ComponentsAfter learning JavaScript, getting started with the React environment can feel like a strange new world. This article explores passing data with React props by creating Star Trek card components! Introduction This article aims to be a beginner-fri...components
Nilesh Vidurangaazula9713.hashnode.net·Apr 10, 2023Effortlessly Build Modern UIs with React and TailwindCSS: A Complete Guide - Part 1Introduction to TailwindCSS If you're a web developer who has ever spent hours writing custom CSS code for every element in your design, you know how frustrating and time-consuming it can be. That's where TailwindCSS comes in: this popular CSS framew...10 likes·262 readsEffortlessly Build Modern UIs with React and TailwindCSS: A Complete GuideReact