Best of ViteSeptember 2022

  1. 1
    Article
    Avatar of logrocketLogRocket·4y

    Vite 3.0 vs. Create React App

    Vite is built on top of esbuild, a JavaScript bundler written in Go, which bundles dependencies 10-100 times faster than JavaScript-based bundlers. Vite leverages the browser’s native ESM to parse and compile your code as the browser requests it. The browser only needs to pre-bundle your dependencies.

  2. 2
    Article
    Avatar of devtoDEV·4y

    How to make an advanced pointer animation (TS React and Framer Motion)

    The grid is a constant at the top of the file so we can easily adjust it. We use CSS grid to determine the number of columns based on a prop from the main Grid component. Let's remove some boilerplate and render the Grid component inside of App.tsx: import Grid from 'components/Grid'; function App(). We should now have a grid that responds to the user's browser width.

  3. 3
    Article
    Avatar of logrocketLogRocket·4y

    Getting started with NestJS, Vite, and esbuild

    NestJS is a Node.js framework for building efficient and scalable server-side/backend applications. Vite works by first dividing the modules in an application CREATE nest_vite_esbuild_demo/.eslintrc.js (665 bytes) We'll learn how to work with them in real life scenarios, their major features, and use cases. Learn how to animate your React app with AnimXYZ - Explore Tauri, a new framework for Building binaries.