DEV Community

Cover image for 7 Tools for Faster Development in React

7 Tools for Faster Development in React

Thomas Sentre on February 20, 2023

React is a versatile and flexible development library that can be used to create everything from massive Single-Page Applications to compact plug-i...
Collapse
 
yogeshgalav7 profile image
Yogesh Galav

You should replace webpack with "vite",
The application creation time and build time is much more smaller and development is seamless with direct debugging of components.

Collapse
 
lippiece profile image
Alex

I agree, why do people still use webpack???

Collapse
 
chechocz profile image
Sergio Cuadros

module federation, maybe?

Thread Thread
 
lippiece profile image
Alex • Edited

EDIT: sorry, this one seems to be maintained.

github.com/module-federation/vite

Collapse
 
lucioroadtoglory profile image
Lúcio Andrade

But NextJS doesn't allow Vite. NextJS can run with swc or webpack or babel.

Collapse
 
nirmalsinghoo7 profile image
Nirmal Singh

I have also learned React, Next and Tailwind recently. Creating demo projects.
swisscodes.com/swiss-demos/react-t...
swisscodes.com/swiss-demos/modern-...

@devland Unable to see your profile, it set to private, so nobody neither contact you nor see your work.
It's mine on upwork - upwork.com/freelancers/nirmalsinghoo7
Thanks

Collapse
 
devland profile image
Thomas Sentre

Thanks for the remark on my Upwork profile. I just contact the support to make it public. I also checked your profile and impressed by project you have completed successfully . Can you take the time to clarify a few points for me ? I left you a message on LinkedIn.

Collapse
 
nirmalsinghoo7 profile image
Nirmal Singh

You can make your profile publicly yourself -

Image description

Collapse
 
apestein profile image
Apestein

Word on the street is that Astro is better than Gatsby

Collapse
 
vulcanwm profile image
Medea

these seem interesting, I’ve started to learn next.js !

Collapse
 
devland profile image
Thomas Sentre

I will be delighted to see your next project with next.js .

Collapse
 
vulcanwm profile image
Medea

Thanks!

Collapse
 
codeofrelevancy profile image
Code of Relevancy

Solid.js and Vite.js are also great for faster development. Thank you for this article..

Collapse
 
samareshdas profile image
Samaresh Das

So what should I use for a mern project? I am building a blog using MERN and I don't wanna use next as sometimes it does problem with oauth in mern. So what would be a good option?

Collapse
 
nadjib_os profile image
nadjibOs

Blogs are meant to be seo friendly, avoid using raw React and better use Astrojs or Nextjs

Collapse
 
chichebewebdev profile image
Chichebe@WebDev

You forgot to add VITE; it's very fast and provides all requirements just like create-react-app, I tried it and wow, it was superb

Collapse
 
devland profile image
Thomas Sentre

I will add it. Thanks.

Collapse
 
devland profile image
Thomas Sentre

Glad you like it.

Collapse
 
abdulghaffar349 profile image
Abdul Ghaffar

Recently I tried the "vite.js", and its build time is very less then webpack.

Collapse
 
fithamlak profile image
Fithamlak

Seems like great insight, I have the plan to learn and use next.js.

Collapse
 
tnrich profile image
Thomas Rich

A heads up that Nwb is no longer being actively supported. Shouldn't be on this list.

Collapse
 
kashanahmad profile image
Kashan Ahmad

Is this a list from 2018? If not, then you should know that Gatsby is trash compared to modern tools such as Astro and Hugo, Webpack is outdated and trash compared to something as cool as Vite, and Preact is something you shouldn't use at all, there's a reason why it's at the bottom of everybody's list, if it's even in them.

Collapse
 
kien5436 profile image
Phạm Trung Kiên

I think your comment is trash!
When node.js came, many people said that PHP would die, and it haven't been. You're like them when compare old things with new ones and ruin them. The wiser choose the right tool for their job.
If you don't agree with the author, you should give some evidence instead of just criticizing

Collapse
 
kashanahmad profile image
Kashan Ahmad

That right there is what you call a strawman argument, my friend.

you should give some evidence instead of just criticizing

What is your evidence that what I said is wrong? It's not about agreeing with the author, it's about objective facts.

  • Gatsby didn't work and Next.js did because of a reason. Gatsby increased the complexity of creating a web application, unlike Next.js
  • Next.js, Astro, and Hugo are all being tested right now and we'll see if they survive the test of time, which Gatsby failed.
  • I love PHP and I know that it's alive only for the sake of WordPress and Laravel. There's no reason to choose PHP over Node.js in 2023 other than integration with legacy systems.
  • A fair comparison of tools never hurts anyone or "ruins" the tools. Time is the only test these libraries/frameworks/languages have to face and that's how PHP survived and Ruby didn't.