Vite

Vite (pronounced “veet”) offers significantly faster development and build times compared to Create React App (CRA), and it also has fewer security vulnerabilities.

Using DST-NCalc for comparison after running npm audit fix:

  • CRA: 2 moderate and 10 high vulnerabilites

  • Vite: 0 vulnerabilites

Transitioning from CRA to Vite is relatively straightforward. Robin Wieruch has an excellent tutorial at https://www.robinwieruch.de/vite-create-react-app/. (Wieruch also wrote a great book, "The Road to React.")

The main difference between Vite and CRA is the use of .jsx files instead of .js. Other than that, React development remains largely the same.

Here’s the vite.config.js configuration for DST-ECON:

import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; export default defineConfig({ plugins: [react()], server: { open: true, }, build: { outDir: '/usr/src/app/build', }, });