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
 
nyangweso profile image
Rodgers Nyangweso β€’

good content

Collapse
 
surajondev profile image
Suraj Vishwakarma β€’

Glad you like it

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
 
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