DEV Community

React Ecosystem in 2024

Avinash Vagh on October 16, 2023

As React celebrates its 11th anniversary in 2024, it’s worth looking ahead to the exciting developments in the React ecosystem. In this blog, we’ll...
Collapse
 
rajaerobinson profile image
Rajae Robinson

This is a very comprehensive article! Great job.

I have used a lot of these tools/libraries myself. Currently, I am sharing my knowledge of React by creating helpful guides and tutorials for many of these libraries on my blog which focuses not only on React.js, but also on Next.js and Typescript.

Collapse
 
avinashvagh profile image
Avinash Vagh

Thanks Man. I appreciate it🙌💯

Collapse
 
meanurag profile image
Anurag Parmar • Edited

Great article except Formik is already unmaintained so I don't know why you would suggest it for 2024.

Collapse
 
avinashvagh profile image
Avinash Vagh

Yes, I knew that it's not maintained. But it's still option so I added it. Btw thanks for your comment, Glad you like it.

Collapse
 
tchestnut85 profile image
Tom Chestnut

I was going to mention this too. I think Formik docs/website even discourage using Formik for new projects, maybe this is worth mentioning in article.
Other than that, awesome and very informative article!

Thread Thread
 
avinashvagh profile image
Avinash Vagh

Thanks Man! Will be updating article.

Collapse
 
thraizz profile image
Aron Schüler

You mentioned react-query in the routing section, yet your description says it "is set to enhance data-fetching and state management" - so I would rather put the recommendation into state-management! :-)

Collapse
 
avinashvagh profile image
Avinash Vagh

Thanks Aron, I will update it🤝

Collapse
 
airtonix profile image
Zenobius Jiricek

And yet no updates for two weeks?

Collapse
 
randreu28 profile image
Rubén Chiquin

Hey! Great article. You might want to add TraddingView in the Data visualization chapter. It's a framework agnostic library, but very robust and very well maintained.

It was made by a trading company who's main software feature are their graphics, so they offer a very wide vareity of graphics, very well designed and customizable. Way more powerful than any that you mentioned!

Collapse
 
avinashvagh profile image
Avinash Vagh

Thank Ruben, Let me check it out, I will add it,

Collapse
 
harrybawsac profile image
Info Comment hidden by post author - thread only accessible via permalink

Did you at least try writing this? Using ViTest for testing and talking about Vue? Using Formik in 2024? Come on.

Collapse
 
avinashvagh profile image
Info Comment hidden by post author - thread only accessible via permalink
Avinash Vagh

Sir, I mentioned about Formik that it's not Advice to use it in article itself. It was just option so I written it. What's according to you is best alternative for it ?

Collapse
 
harrybawsac profile image
Info Comment hidden by post author - thread only accessible via permalink
Harry Bawsac
  1. Why include something in a "React Ecosystem in 2024" article if you discourage it?

  2. Looking at your article writing compared to your comments, it seems you used some sort of tool to improve the readability. Also, your article reads very robotic. After checking with three different types of AI checkers, one found an 82% AI generated hitrate and the other two found a 95% hitrate! Meaning you most likely used some sort of AI assistance for writing. Please disclose that in the article, as it's part of the dev.to guideline on AI.

 
avinashvagh profile image
Info Comment hidden by post author - thread only accessible via permalink
Avinash Vagh • Edited

Okay Harry,

Thanks for the feedback. I read Dev Community guidelines and my articles is not violating any laws.

My article is informative and resourceful.

And yes, This article will keep updating accordingly.

 
harrybawsac profile image
Comment marked as low quality/non-constructive by the community. View Code of Conduct
Info Comment hidden by post author - thread only accessible via permalink
Harry Bawsac

You just added the line that it was created with the help of AI... So it's not violating any more, indeed.

You could've just stated that you added the line, instead of denying it. Very unprofessional and childish.

 
avinashvagh profile image
Info Comment hidden by post author - thread only accessible via permalink
Avinash Vagh

Ok.

Collapse
 
jannesblobel profile image
Jannes Blobel • Edited

Thanks for this article it is excellent and gives a nice overview.

(i18n) in React applications, there are several libraries and tools available to help you manage translations

I miss some of the tools you mentioned here to solve the big problem of i18n
The only tool/ecosystem I know that works well with i18next/react is inlang.

Does anybody know any other tools that cover all the problems from i18n and the different stakeholders?

Collapse
 
avinashvagh profile image
Avinash Vagh

Thanks for checking out article Jannes. Hope other developer will help you to get your answer.

Collapse
 
avinashvagh profile image
Avinash Vagh

Love AI and remote work?

Get our AI Startups newsletter for the latest AI news (2x a week).
Explore our Remote US Jobs blog for remote work tips and US jobs.
Stay informed & find your dream remote job!

Collapse
 
matkwa profile image
Mat Kwa

Nice collection with some helpful tools in it. Personally I think the useReducer hook makes external client state management libraries largely redundant.

Collapse
 
avinashvagh profile image
Avinash Vagh

Thanks Mat🔥 Glad to know that you found our article helpful.

Collapse
 
rhyshodgsondev profile image
Rhys

Great read, thanks! As someone who is still in the middle stages of learning React, it helps to read something that comprehensively covers the eco system.

Collapse
 
avinashvagh profile image
Avinash Vagh

Good Luck Man & Thanks. Keep going on 🔥🙌

Collapse
 
prems5 profile image
PREM KUMAR

Great article thanks for writing

Collapse
 
avinashvagh profile image
Avinash Vagh

Super glad to know, You like it 🔥🙌

Collapse
 
daniloguedes profile image
DANILO PAZ GUEDES DE FREITAS

Great job bro... tks a lot!!

Collapse
 
avinashvagh profile image
Avinash Vagh

Super happy to know you like it😍❤️🙌

Collapse
 
tyagu profile image
Thiyagu

Brief narration. Thank you

Collapse
 
avinashvagh profile image
Avinash Vagh

Glad you like it🙌🙌

Collapse
 
dsalinasgardon profile image
Dsalinasgardon

Hey, have you ever used React Bricks? It's a visual builder headless CMS that uses React components. Developers create the content "Lego bricks" in modern React code. Editors create content in a visual way.

Collapse
 
melvynx profile image
Melvyn

at the start you put "React Query" is not a router library no ?

Collapse
 
airtonix profile image
Info Comment hidden by post author - thread only accessible via permalink
Zenobius Jiricek

Reading this article and the somewhat suspiciously automated replies from the "author"...

Collapse
 
airtonix profile image
Info Comment hidden by post author - thread only accessible via permalink
Zenobius Jiricek

Lol was this article created by chatgpt?

React query is not a routing library.

Collapse
 
terrenceenrique profile image
Info Comment hidden by post author - thread only accessible via permalink
Terrence Enrique

INVESTIGATE CRYPTO SCAMS AND RECOVER STOLEN FUNDS

Some comments have been hidden by the post's author - find out more