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
Israel Oyetunjiisraelmitolu.hashnode.net·May 5, 2022Why You Should Ditch Create-React-App for ViteCreate React App (CRA) has long been the go-to tool for many developers of all skill levels when it comes to constructing a React app (beginners, intermediate and even experts). It does, however, have some significant drawbacks, which are speed and p...96 likes·11.8K readsReact
amakatechgirlamaka.hashnode.net·Oct 29, 2021FeaturedReact Components and TypeScript(Part 1) (Function Components)If you are already coding in React and looking to get a grasp of how to use Typescript with React, then this tutorial is for you. In this tutorial, we are going to build a movie gallery with the OMbi API, using React and Typescript. You will learn t...86 likes·768 readsReact
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
Rajarshi Sarkarrajsarkar.hashnode.net·Apr 8, 2023ReactJS Environment SetupPrerequisite for setting up ReactJS Terminal You can use any terminal or command prompt of your choice to create a React app like the Windows Command Prompt, Git Bash or Hyper. Install and set up Node.js and NPM Node.js is a JavaScript runtime...35 readsReact Basics: A Beginner's GuideReact
Dev Runnerdevrunner.hashnode.net·Mar 12, 2023React notes - 01 CLI ToolsLet’s begin with the basics. To create React application we can use two options Create React App and Vite With Vite your application will be created faster Vite and Create React App are both popular tools for setting up React projects quickly and eas...React
Amit PRapfirebolt.hashnode.net·Mar 11, 2023Why I chose CRA over Vite for my React Project ?You must have stumbled upon many posts praising Vite and how it should be the de-facto standard to get started with React apps. Vite is awesome, nothing wrong with it. But, sometimes I just believe when you're put into this decision-making situation,...27 readsvite
John Ademoyejohna.hashnode.net·Mar 6, 2023Setting Up A React TypeScript Project With ViteIn this articles series, whose release will probably span several weeks or months, I'll be explaining how to write standard HTML elements - buttons, input elements, lists, typograhical elements etc - as custom components in React and TypeScript. The ...4 likes·195 readsHTML Elements as Custom Components In React And TypeScriptvite
Emmanuel Dalyopecodejr.hashnode.net·Mar 6, 2023Getting started with ReactJS: A step-by-step tutorial for beginnersReactJS is a powerful JavaScript library used for building dynamic and interactive user interfaces. It was created by Facebook and is currently maintained by Facebook and a community of developers. ReactJS has become one of the most popular JavaScrip...React
Prayas Kumarpure-javascript-blogs.hashnode.net·Feb 14, 2023Frustrated with the slow create react app? Try these fast alternatives instead..When we're using "npx create-react-app", the npx always uses the latest version so it downloads packages each time you want to create new app. Here NPX is a package runner that comes with npm, allows you to run executables from packages (here create-...110 readsReact
David Schinteiedavidschinteie.hashnode.net·Jan 31, 2023FeaturedReact PWA with TypeScript using CRA or ViteProgressive Web Apps (PWA) are websites with some code that allows users to download it on their devices (either desktop or mobile) and use it as a native app. Of course, there are some limitations to what a PWA can do compared with the native apps (...31 likes·472 readsReact
Tanvesh Sarvetanvesh.hashnode.net·Jan 26, 2023Speed up your create-react-app build times by 80% with esbuildA short view back to the past create-react-app in 2017 (its v1 release) was this cool kid in around the block. We finally had a go-to way to start a react project that you couldn't go wrong with. But as happens with everything on the web, people real...27 likes·473 readsReact
Jeremy Maglandmagland.hashnode.net·Jan 23, 2023Typescript web workers in ReactJavaScript is usually a single-threaded language, but when you need to perform computational tasks without interfering with the user interface, web workers can help. Recently, it has become much easier to incorporate web workers in React projects, pa...1 like·40 readsTypeScript