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
Top comments (19)
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.
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
What do you guys recommend as a backend tech. to learn and works good with React?
use firebase for complete backed service or use nodejs with express and for the database use mongodb
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.
Concise and super-useful!
Great summary, keep at it !
Thanks you for your posting
Thanks for the sharing!
This is cool,
thanks
There is a typo "Man Time" (Mantine)