Lädt...


🔧 33 React Libraries Every React Developer Should Have In Their Arsenal


Nachrichtenbereich: 🔧 Programmierung
🔗 Quelle: dev.to

You can't become React developer by just writing all the software with the React alone but you've to use all the amazing React libraries that well-tested and maintained by other developers. And in today' post, I'm going to introduce to 33 amazing React libraries that every React developer should be familiar. Enjoy and share your feedback!

1.formik

Image description

Formik is the world's most popular open source form library for React and React Native.

2.react-select

Image description

A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete, async and creatable support.

3.framer-motion

Image description

A production-ready motion library for React.

4.chakra-ui

Image description

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

5.material-ui

Image description

MUI offers a comprehensive suite of UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

6.react-icons

Image description

Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.

7.recharts

Image description

A composable charting library built on React components

8.react-responsive-carousel

Image description

Responsive carousels for react

9.react-calendar

Image description

Ultimate calendar for your React app

10.full-calendar

Image description

FullCalendar generates real React virtual DOM nodes so you can leverage Fiber, React's highly optimized rendering engine.

11.video-react

Image description

The web video player built from the ground up for an HTML5 world using React library.

12.react-password-strength

Image description

A password strength indicator field using zxcvbn to calculate a password strength score.

13.email.js

Image description
Send Email Directly From JavaScript. No server code needed. Focus on things that matter!

14.react-drag-drop-files

Image description

Light and simple reactjs drag and drop files library to use with very flexible options to change, so you put whatever the design you want for your drop-area. Users can drag and drop or even select the file anywhere in the window.

15.react-dnd

Image description
React DnD is a set of React utilities to help you build complex drag and drop interfaces while keeping your components decoupled.

16.react-i18next

Image description
react-i18next is a powerful internationalization framework for React / React Native which is based on i18next. Check out the history of i18next and when react-i18next was introduced.

17.react-virtualized

Image description
React components for efficiently rendering large lists and tabular data. Check out the demo for some examples.

18.react-testing-library

Image description
Simple and complete testing utilities that encourage good testing practices

19.react-image-file-resizer

Image description
react-image-file-resizer is a react module that can rescaled local images. You can change image's width, height, format, rotation and quality.
It returns resized image's new base64 URI or Blob. The URI can be used as the source of an component.

20. react-table
Lightweight and extensible data tables for React. Build and design powerful datagrid experiences while retaining 100% control over markup and styles.

Image description

21.react-markdown

Image description
React component to render markdown.

22.react-router-dom

Image description
React Router Dome that enables "client side routing".

23.react-pdf

Image description
Easily display PDFs in your React app

24.react-h5-audio-player

Image description
React HTML5 audio player component that provides consistent UI/UX on different browsers. Super customizable layout. Flexbox css with SVG icons. Mobile friendly. I18n and a11y supported, keyboards events supported. Support Media Source Extensions (MSE) and Encrypted Media Extensions (EME). Written in TypeScript.

25.react-virtual

Image description
Virtualize only the visible DOM nodes within massive scrollable elements at 60FPS in TS/JS, React, Vue, Solid & Svelte while retaining 100% control over markup and styles.

26.react-query

Image description
Performant and powerful data synchronization for React. Fetch, cache and update data in your React and React Native applications all without touching any "global state".

27.storybook

Image description
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It’s open source and free.

28.react-popup

Image description
reactjs-popup is a simple React popup component that help you create simple and complex Modals, Tooltips and Menus for your next React App.

29.react-mantine

Image description
A fully featured Reactt component library. Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 40 hooks to cover you in any situation

30.react-leaflet

Image description
React components for Leaflet maps

31.react-admin

Image description
React-admin offers the best developer experience, lets you focus on business needs, and build delightful user interfaces.

32.react-tooltip

Image description
Simple react tooltip library for React

33.react-image-cropper

Image description
An image cropping tool for React with no dependencies.

...

🔧 33 React Libraries Every React Developer Should Have In Their Arsenal


📈 73.73 Punkte
🔧 Programmierung

🔧 The Front End Essentials: Top 15 FREE APIs Every Developer Should Have in Their Arsenal


📈 51.21 Punkte
🔧 Programmierung

🔧 Top 10 Python Libraries Every Developer Should Know: Power Up Your Coding Arsenal


📈 49.8 Punkte
🔧 Programmierung

🔧 Top 10 open source iOS libraries every developer should replace in 2024


📈 33.99 Punkte
🔧 Programmierung

🔧 Hidden Gems: Lesser-Known .NET Libraries Every Developer Should Know About


📈 33.99 Punkte
🔧 Programmierung

🔧 Top 10 Java Libraries Every Developer Should Know


📈 33.99 Punkte
🔧 Programmierung

🔧 Top 5 JavaScript Libraries and Frameworks Every Developer Should Know in 2024


📈 33.99 Punkte
🔧 Programmierung

🔧 Top Python Libraries Every Developer Should Know


📈 33.99 Punkte
🔧 Programmierung

🔧 21 Must-Bookmark React GitHub Repositories Every React Developer Should Know


📈 32.99 Punkte
🔧 Programmierung

🔧 UI Component Libraries Essential for Every React Developer


📈 32.81 Punkte
🔧 Programmierung

📰 This handy MagSafe SSD accessory should be in every content creator's arsenal


📈 31.28 Punkte
📰 IT Nachrichten

🔧 Top 5 Java Bugs (and Their Solutions) Every Developer Should Know


📈 29.44 Punkte
🔧 Programmierung

📰 Whoa, bot wars: As cybercrooks add more AI to their arsenal, the goodies will have to too


📈 28.98 Punkte
📰 IT Security Nachrichten

📰 5 Key Components Every Company Should Have in Their Privacy Policy


📈 28.63 Punkte
📰 IT Security Nachrichten

🔧 13 VS Code extensions that every Frontend developer should have


📈 28.18 Punkte
🔧 Programmierung

🔧 Top React Design Patterns Every Developer Should Know for Scalable and Efficient Apps


📈 27.61 Punkte
🔧 Programmierung

🔧 12 Core React Concepts Every Developer Should Know


📈 27.61 Punkte
🔧 Programmierung

🔧 12 React Best Practices Every Developer Should Know


📈 27.61 Punkte
🔧 Programmierung

🔧 10 Expert Performance Tips Every Senior JS React Developer Should Know


📈 27.61 Punkte
🔧 Programmierung

🔧 Scalable and Maintainable React Project Structure Every Developer Should Use.


📈 27.61 Punkte
🔧 Programmierung

🔧 5 Reasons Why Every React Developer Should Learn TypeScript


📈 27.61 Punkte
🔧 Programmierung

🔧 Amazing UI Libraries Every Frontend Developer Must Know


📈 27.43 Punkte
🔧 Programmierung

🍏 1Password Extended Access Management: Secure Every Sign-In for Every App on Every Device [WWDC Sponsor]


📈 26.72 Punkte
🍏 iOS / Mac OS

🔧 How to become a junior React developer to Senior React Developer


📈 24.28 Punkte
🔧 Programmierung

🔧 Top 10 React Libraries and Tools You Should Know in 2024


📈 23.7 Punkte
🔧 Programmierung

🔧 15 Libraries You Should Know if You Build with React


📈 23.7 Punkte
🔧 Programmierung

🔧 5 Small and Hidden React libraries You Should Already Be Using


📈 23.7 Punkte
🔧 Programmierung

🔧 5 Tailwind Component Libraries That React Developers Should Use


📈 23.7 Punkte
🔧 Programmierung

🔧 When to Use Unstyled Component Libraries Instead of Pre-Styled UI Component Libraries


📈 23.53 Punkte
🔧 Programmierung

🕵️ phpPgAdmin up to 4.2.1 Libraries libraries/lib.inc.php _language directory traversal


📈 23.53 Punkte
🕵️ Sicherheitslücken

matomo