react-18 VS vite

Compare react-18 vs vite and see what are their differences.

react-18

Workgroup for React 18 release. (by reactwg)

vite

Next generation frontend tooling. It's fast! (by vitejs)
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
react-18 vite
139 774
5,173 64,054
0.2% 2.0%
0.0 9.9
almost 3 years ago 7 days ago
TypeScript
- MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

react-18

Posts with mentions or reviews of react-18. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-12-10.
  • A modest request: How do you fetch data in React 18+ WITHOUT a third party dependency?
    4 projects | /r/reactjs | 10 Dec 2023
  • The Sisyphean Quest for Web Performance
    3 projects | dev.to | 29 Aug 2023
    Image Source: https://github.com/reactwg/react-18/discussions/37
  • The current state of CSS-in-JS + React
    2 projects | /r/reactjs | 5 Feb 2023
    The React working group is officially advising against using runtime CSS-in-JS.
  • [AskJS] How well received was React's transition from class to function based components?
    2 projects | /r/javascript | 5 Jan 2023
    Interesting about the feedback, thanks for the clarification. In general what I'm thinking of is PR's like this one in React where you see lots of back and forth from the community to get things right. Looking at Vue trying to transition from 2 to 3 and even Python from 2 to 3, it seems like it's not easy. I might be making an unfair comparison here though, I don't know much about those transitions except from what I've heard.
  • alternatives to useReducer for heavy async flows
    2 projects | /r/reactjs | 18 Dec 2022
    Redux with sagas is a great hint to a solution that is only a small tweak of what you currently do. You need middlewares (that's what makes sagas possible)! Contrary to what some may suggest, you actually don't need to use external state management to get middlewares, as you can integrate an enhancer to useReducer itself. And you should be aware that moving off-react state management "updates triggered by external stores are always synchronous" meaning you're losing startTransition powers.
  • Why Tailwindcss over styled-components?
    7 projects | /r/reactjs | 23 Nov 2022
  • Is there a dedicated ui library dedicated for server component?
    3 projects | /r/nextjs | 23 Nov 2022
    Anything that uses css-in-js (styled-components / emotion) won't currently work properly: https://beta.nextjs.org/docs/styling/css-in-js the problem isn't related to emotions SSR strategy as that relates to client components being statically pre-rendered. The problem actually relates to the implementation of these solutions as they do not work very well with the new concurrent rendering patterns of react 18 and they haven't completed the upgrade process explained here: https://github.com/reactwg/react-18/discussions/110 this will be a pretty large fundamental change to emotion, so may take a fair while to fully support it, especially given that next's app folder is still a beta feature :)
  • CSS vs CSS-in-JS performance
    4 projects | /r/reactjs | 22 Nov 2022
    In React 18 and onwards runtime css-in-js libs will have significant performance issues for concurrent rendering, recomputing inline styles repeatedly and redundantly; https://github.com/reactwg/react-18/discussions/110 . Facebook have no real interest into fixing this I believe (I assume it would be hard with unwanted trade-offs). Facebook themselves use a buildtime css-in-js lib(not open source).
  • Just watched Fireship's video "7 Ways to Deal With CSS". What's your Favourite and Why?
    2 projects | /r/reactjs | 2 Nov 2022
    I switched back to SASS modules in NextJS due to the issue with runtime CSS-in-JS in NextJS18 and onwards: https://github.com/reactwg/react-18/discussions/110
  • Why We're Breaking Up with CSS-in-JS
    11 projects | dev.to | 16 Oct 2022
    1. Frequently inserting CSS rules forces the browser to do a lot of extra work. Sebastian Markbåge, member of the React core team and the original designer of React Hooks, wrote an extremely informative discussion in the React 18 working group about how CSS-in-JS libraries would need to change to work with React 18, and about the future of runtime CSS-in-JS in general. In particular, he says:

vite

Posts with mentions or reviews of vite. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-03-27.

What are some alternatives?

When comparing react-18 and vite you can also consider the following projects:

Next.js - The React Framework

parcel - The zero configuration build tool for the web. 📦🚀

esbuild - An extremely fast bundler for the web

swc - Rust-based platform for the Web

astro - The web framework for content-driven websites. ⭐️ Star to support our work!

Rollup - Next-generation ES module bundler

Laravel Mix - The power of webpack, distilled for the rest of us.

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.

turborepo - Incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust – including Turborepo and Turbopack. [Moved to: https://github.com/vercel/turbo]

SvelteKit - web development, streamlined

bun - Incredibly fast JavaScript runtime, bundler, test runner, and package manager – all in one

nx - Smart Monorepos · Fast CI