DEV Community

ihtesham510
ihtesham510

Posted on • Updated on

React Ecosystem in 2023.

React Ecosystem in 2023

As the technology are evolving the tools and library are also evolving. recently the million.js was released that makes react 70% faster. For a beginner it can be quite challenging to chose the correct library.

Here i will list some react libraries which you can learn and become a react developer.

Build tools.

Routing

Client State Management

Server State Management

Form Handling

Testing

Styling

UI Components library

Animation

Data Vizualization

Table

Internationalization (i18n)

DevTools

  • react developer tools
  • Redux dev tool
  • testing playground
  • react hook form dev tools
  • AxeDev Tool (Accessibility)
  • Tanstack query dev tools

Top comments (19)

Collapse
 
shifi profile image
Shifa Ur Rehman

React hook form is miles ahead as compared to Formik. It causes way less overhead than formik.

Same with framermotion vs react spring. Framermotion wins literally everywhere as compared to other animation libs out there.

Collapse
 
getsetgopi profile image
GP

Missing from your list.
Build tools:
Webpack

Styling:
Bootstrap

UI component library:
react-bootstrap

Data Vizualization:
HighCharts (Full accessibility support). Not free though

DevTools:
AxeDev Tool (Accessibility)

Collapse
 
ihteshamulhaq510 profile image
ihtesham510

thanks for letting community know

Collapse
 
kerimkaraman profile image
Kerim Karaman

What do you guys recommend as a backend tech. to learn and works good with React?

Collapse
 
ihteshamulhaq510 profile image
ihtesham510

use firebase for complete backed service or use nodejs with express and for the database use mongodb

Collapse
 
brense profile image
Rense Bakker

Pretty good list πŸ‘ I wish you'd add jotai as a state management solution though! And maybe SWR for making requests. SWR works really well with nextjs/Vercel.

Collapse
 
shubhambattoo profile image
Shubham Battoo

Tables can also have AG grid (ag-grid.com/react-data-grid/)

Collapse
 
thiagopbraga profile image
Thiago Braga

Thanks for this tips

Collapse
 
kristiyan_velkov profile image
Kristiyan Velkov

Good article!

Collapse
 
iamwilson profile image
John Wilson

Great summary, keep at it !

Collapse
 
arif-un profile image
Arif Uddin

There is a typo "Man Time" (Mantine)

Collapse
 
ndotie profile image
ndotie

This is cool,
thanks

Collapse
 
joki_kulsengbert_tenmari profile image
Joki_Tenmari

Thanks you for your posting

Collapse
 
tadashiando profile image
tadashiando

Concise and super-useful!

Collapse
 
tpr09756 profile image
Tiago Rodrigues

Thanks for the sharing!

Collapse
 
arif-un profile image
Arif Uddin

There is a typo "Man TIme" (Mantine)

Collapse
 
nawkhu profile image
Koala

Very helpful.