DEV Community

Cover image for Comparing The Top React Frameworks

Comparing The Top React Frameworks

Suraj Vishwakarma on September 02, 2024

Introduction When learning React, we all start with the CRA(create-react-app) library. It is a good place to begin the journey of React ...
Collapse
 
fecony profile image
Richard Tagil

Calling Vite a react framework is something new πŸ˜€

Collapse
 
surajondev profile image
Suraj Vishwakarma

Vite is not a framework of React but it can set up a project with React.

Collapse
 
bigkrp profile image
bigkrp

yeah, we can add webpack here, nice framework)

Collapse
 
cookiemonsterdev profile image
Mykhailo Toporkov πŸ‡ΊπŸ‡¦

For now vite is the only replacement option for CRA, because they have the same original purpose - bundling.

Regarding the Remix, it uses vite under the hood. Yeah it has pre installed react router dom with extra typing, though still same.

Collapse
 
surajondev profile image
Suraj Vishwakarma

Vite is the perfect CRA alternative but as per feature, NextJS is also a good choice.

Collapse
 
bigkrp profile image
bigkrp

Vite is more Webpack alternative, not "cra" alternative.

Collapse
 
pavel_kostromitinov profile image
Pavel Kostromitinov

So there are now frameworks for a framework?.. JS development is really something, from the outside perspective...

Collapse
 
surajondev profile image
Suraj Vishwakarma

Yess. That's JavaScript for you.

Also, React is a JS library rather than a framework.

Collapse
 
lchrisjm profile image
Christian Moreno

React isn't a framework

Collapse
 
peter-fencer profile image
Peter Vivo

I know the original document declared React as library, but technically the whole JSX, one-way-data-flow is determine React as framework, because give a strong guidance to style of programming.

Collapse
 
hussam22 profile image
Hussam-22

Great post !!, thank you for sharing,

You should add ASTRO JS to the list, its been around for a while and the team behind it is doing great job,
My to go list would be

  • Astro
  • Next
  • React with Vite
Collapse
 
jacobdev profile image
Jacob Brown

Great article! Clear breakdown of CRA alternatives with detailed features, use cases, and performance metrics.

I especially loved the charts that have used to show the performance comparision.

Collapse
 
surajondev profile image
Suraj Vishwakarma

Glad that you like the article.

Collapse
 
chovy profile image
chovy

If you haven't at least looked at primatejs yet, please do. I would like to see benchmark comparisons for primatejs vs. the others.

Collapse
 
surajondev profile image
Suraj Vishwakarma

Will look into PrimateJS.

Collapse
 
nyangweso profile image
Rodgers Nyangweso

good content

Collapse
 
surajondev profile image
Suraj Vishwakarma

Glad you like it

Collapse
 
st3adyp1ck profile image
Ilya Belous

my personal choice is number 1 on your list <3 NextJS ftw!

Collapse
 
surajondev profile image
Suraj Vishwakarma

Same. NextJS has been my goto alternative.

Collapse
 
shinac01 profile image
Miguel David GonzΓ‘lez del Toro

Cool article! Very informative, thanks

Collapse
 
surajondev profile image
Suraj Vishwakarma

Glad that you like this article.

Collapse
 
rajab_alivirani_e93b749d profile image
Rajab Ali Virani

Thank you

Collapse
 
stabarak profile image
Syed Tabarak Ulla

ViteJS is best suitable if you're building the app, but if you're looking for website, then either you can pick NextJS or Gatsby

Collapse
 
adaptive-shield-matrix profile image
Adaptive Shield Matrix

Gatsby - is deprecated and abandoned by its own founders. It should not even be on this list. It's as outdated as CRA.

Collapse
 
adaptive-shield-matrix profile image
Adaptive Shield Matrix

If Vite is interpreted as a "framework", then you can include Svelte and Solid.js in this list as well, since they solve all of react's pain points.

Collapse
 
silvermock profile image
Marco Silvestroni

At the end Next and Gatsby have more impact on performances while Vite Remix on build e development. Today the development time it's important, but performances much more on a long term application.

Collapse
 
erickrodrcodes profile image
Erick Rodriguez

And Nx?
Where is Nx here? Has caching on test and build, and is excellent on CI