this repository introduces you to some of the most useful React libraries, tools and Meta Frameworks that will help you to build your next React application.
- state management
- routing
- ui libraries
- testing
- form
- data fetching
- schema validation
- animation
- charts
- drag and drop
- internationalization
- accessibility
- meta frameworks
- guided tours
- module bundlers
- contributing
| tool | description | npm | github |
|---|---|---|---|
| redux | predictable state container for JavaScript apps | ||
| redux-toolkit | the official, opinionated, batteries-included toolset for efficient Redux development | ||
| zustand | small, fast and scalable bearbones state-management solution using simplified flux principles. Has a comfy API based on hooks, isn't boilerplatey or opinionated. | ||
| mobx | simple, scalable state management |
| tool | description | npm | github |
|---|---|---|---|
| react-router | declarative routing for React | ||
| @tanstack/router | A fully type-safe React router with built-in data fetching, stale-while revalidate caching and first-class search-param APIs | repo |
| tool | description | npm | github |
|---|---|---|---|
| tailwindcss | a utility-first CSS framework for rapidly building custom designs | ||
| shadcn/ui | a set of accessible and composable React components that make it easy to build websites and apps | repo | |
| DaisyUI | a component library for Tailwind CSS & React | repo | |
| Chakra UI | a simple, modular and accessible component library that gives you the building blocks you need to build your React applications | ||
| Headless UI | completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS | repo |
| tool | description | npm | github |
|---|---|---|---|
| react-testing-library | simple and complete React DOM testing utilities that encourage good testing practices | repo | |
| cypress | fast, easy and reliable testing for anything that runs in a browser | ||
| jest | delightful JavaScript testing | ||
| vitest | A blazing fast unit-test framework powered by Vite |
repo |
| tool | description | npm | github |
|---|---|---|---|
| react-hook-form | performant, flexible and extensible forms with easy-to-use validation | ||
| formik | build forms in React, without the tears | ||
| react-final-form | high performance subscription-based form state management for React |
| tool | description | npm | github |
|---|---|---|---|
| @tanstack/react-query | performant and powerful data synchronization for React | ||
| axios | promise based HTTP client for the browser and node.js | ||
| swr | React Hooks library for remote data fetching |
| tool | description | npm | github |
|---|---|---|---|
| zod | TypeScript-first schema validation with static type inference | ||
| yup | schema builder for runtime value parsing and validation | ||
| joi | schema description language and data validator for JavaScript |
| tool | description | npm | github |
|---|---|---|---|
| react-spring | a spring physics based animation library for React | ||
| framer-motion | production-ready animations for React |
| tool | description | npm | github |
|---|---|---|---|
| recharts | a composable charting library built on React components | ||
| react-vis | a collection of react components to render common data visualization charts | ||
| victory | a collection of composable React components for building interactive data visualizations |
| tool | description | npm | github |
|---|---|---|---|
| react-beautiful-dnd | beautiful and accessible drag and drop for lists with React | ||
| react-dnd | drag and drop for React |
| tool | description | npm | github |
|---|---|---|---|
| i18next | internationalization framework for browser or any other javascript environment | ||
| react-i18next | internationalization for react done right |
| tool | description | npm | github |
|---|---|---|---|
| @axe-core/react | accessibility testing library | [repo](accessibility testing library) |
| framework | description | npm | github |
|---|---|---|---|
| next.js | the react ssr framework for production | ||
| remix.js | a suite of tools to help you build faster websites with less client-side JavaScript | repo |
| tool | description | npm | github |
|---|---|---|---|
| react-joyride | a React component that provides guided tours of your app | ||
| reactour | a lightweight, customizable tour component for use with React |
| tool | description | npm | github |
|---|---|---|---|
| vite | a fast, opinionated frontend build tool | ||
| rollup | a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application | ||
| webpack | a static module bundler for modern JavaScript applications | ||
| esbuild | an extremely fast JavaScript bundler and minifier |
Contributions are welcome! Please read the contributing guidelines first.