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.

• vite
• nextjs
• Webpack

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

• redux toolkit
• zustand

Server State Management

• tanstack query
• redux-toolkit query
• Apollo Client
• jotai

Form Handling

• Formik
• React Hook Form

Testing

• Vitest
• React Testing library
• Play-write

Styling

• Tailwindcss
• Styled-components
• Emotion
• Bootstrap

UI Components library

• Material UI
• Man time UI
• Ant Design
• Chakra UI
• Headless UI(tailwindcss)
• DaisyUI(Tailwindcss)
• shadcn UI(Tailwindcss)
• React Bootstrap

Animation

• React Spring
• Framer motion

Data Vizualization

• Victory charts
• React Charts js
• Recharts

Table

• Tanstack table

Internationalization (i18n)

• react-i18next
• formatjs

DevTools

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