How to replace webpack & babel with Vite on a legacy React Typescript project

This page summarizes the projects mentioned and recommended in the original post on dev.to

Civic Auth - Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com
featured
InfluxDB high-performance time series database
Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.
influxdata.com
featured
  1. npm-check-updates

    Find newer versions of package dependencies than what your package.json allows

    Since you're upgrading one part of a legacy project, why not update all the other dependencies. The best way to do that is with the npm-check-updates package.

  2. Civic Auth

    Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

    Civic Auth logo
  3. Snowpack

    Discontinued ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack] (by withastro)

    Then there was Webpack which seemed like it would be around for a while. Even after things like Parcel and Snowpack came on the scene people still recommended Webpack. I mean, it's still the backbone of create-react-app. An then, Vite was released.

  4. webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

    Then there was Webpack which seemed like it would be around for a while. Even after things like Parcel and Snowpack came on the scene people still recommended Webpack. I mean, it's still the backbone of create-react-app. An then, Vite was released.

  5. vite

    Next generation frontend tooling. It's fast!

    Then there was Webpack which seemed like it would be around for a while. Even after things like Parcel and Snowpack came on the scene people still recommended Webpack. I mean, it's still the backbone of create-react-app. An then, Vite was released.

  6. semver

    Semantic Versioning Specification

    I'd recommend installing updates in by semver levels, so patch updates first, then minor updates, then major. Testing the project still works in-between updates

  7. parcel

    The zero configuration build tool for the web. 📦🚀

    Then there was Webpack which seemed like it would be around for a while. Even after things like Parcel and Snowpack came on the scene people still recommended Webpack. I mean, it's still the backbone of create-react-app. An then, Vite was released.

  8. ohmyzsh

    🙃 A delightful community-driven (with 2,400+ contributors) framework for managing your zsh configuration. Includes 300+ optional plugins (rails, git, macOS, hub, docker, homebrew, node, php, python, etc), 140+ themes to spice up your morning, and an auto-update tool that makes it easy to keep up with the latest updates from the community.

    Note: The above commands are aliased github commands that come by default with oh-my-zsh. You can view the full list here.

  9. InfluxDB

    InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

    InfluxDB logo
  10. gulp

    A toolkit to automate & enhance your workflow

    As far as build tools go I remember how popular Grunt was when it was first released, then it was Gulp, and Babel came along to help you add new us features and get them working on older browsers.

  11. grunt

    Grunt: The JavaScript Task Runner

    As far as build tools go I remember how popular Grunt was when it was first released, then it was Gulp, and Babel came along to help you add new us features and get them working on older browsers.

  12. esbuild

    An extremely fast bundler for the web

    Vite is fast, really fast. It requires very little config and is easy to setup. It sits on top of esbuild.

  13. babel-sublime

    Syntax definitions for ES6 JavaScript with React JSX extensions.

    As far as build tools go I remember how popular Grunt was when it was first released, then it was Gulp, and Babel came along to help you add new us features and get them working on older browsers.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Parcel is a zero configuration build tool for the web

    1 project | news.ycombinator.com | 6 Dec 2024
  • Bluetooth Low Energy based RGB LED Strip color control from a web browser and STM32

    2 projects | dev.to | 5 Nov 2024
  • Connecting to BLE device and Reading Characteristics using JavaScript

    1 project | dev.to | 5 Nov 2024
  • Create a typescript package with Parcel

    1 project | dev.to | 14 May 2024
  • Getting started with TiniJS framework

    7 projects | dev.to | 20 Apr 2024

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?