knight174 / react-ecosystem.paper

react-ecosystem

1 Routing

• React router
• Tan stack router( light weight, used very less)

2 Client State Management

• Redux tool kit
• Zustand (simple & light weight)
• Jotai

3 Server State Management

• Tanstackquery(popular)
• Redux tool kit query( if u are using redux)
• Apollo client( for graph ql apis)

4 Form Handling

• Formik ( simple & but not active in updates)
• React Hook form ( beast choice in 2023 )

5 Testing

• Vitest ( finds test executes& reports back)
• React testing library
• Playwrite ( reliable end to end functionality testing )

6 Styling

• Tailwindcss
• Styledcomponents ( easy to style individual components)
• Emotion ( High performant, saas, css ,lass are supported)

7 UI component lib

• MaterialUI
• MantineUI
• Ant Design
• ChakraUI

8 Animation

• React-spring
• Frame Motion

9 Data Visualization

• Victory
• React-chartjs2
• Recharts( preffered )

10 Table

• Tanstacktable ( popular )

11 Internalization

• React-i18
• FormatJS

12 Mobile Apps

• React Native

13 Others

• Drag & drop functionality: dnd kit
• File uploads: react-dropzone
• Authentication: FireBase or SupaBase