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.