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
- react router
- tanstack router
- if your are using nextjs you don't need a router because it comes with builtin router.
Client State Management
Server State Management
Form Handling
Testing
Styling
UI Components library
- Material UI
- Man time UI
- Ant Design
- Chakra UI
- Headless UI(tailwindcss)
- DaisyUI(Tailwindcss)
- shadcn UI(Tailwindcss)
- React Bootstrap
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
Oldest comments (19)
Good article!
Very usefull materials, thank you! 👍
Hi @denys_dev 👋 welcome to dev communiy
Thanks you for your posting
Very helpful.
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.
Thanks for the sharing!
Concise and super-useful!
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.
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)
thanks for letting community know
Thanks for this tips