Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more! Learn more →
Top 23 JavaScript react-component Projects
-
material-ui
MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
-
I've used the InfiniteLoader from react-virtualized in combination with useInfiniteQuery from @tanstack/react-query and it was relatively painless.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Project mention: I lost $209,640 of my own money trying to start a business | news.ycombinator.com | 2023-01-31
If you're using Expo (which I assume most are on RN) they have web support. This is via React Native Web, which is a separate project if you wanted to use that directly too.
Personally though, I've found the DX of Flutter far above RN. I always had random packages break on RN that I had to fix every time, while with Flutter most of what you need is already included in the framework, including a component UI library for Android and iOS.
-
Project mention: How to Confidently Write Unit Tests using React Testing Library | dev.to | 2022-12-01
So If you have experience with enzyme testing, where you might be checking the value of state once you click any button or you might be checking the prop value If something changes.
-
3. Semantic UI React
-
If you are a fan of Styled System, you are sure to love this library, as it was built on top of Styled System. I consider Rebass to be the most unopinionated library on the list, as unlike Material Ui, Semantic UI, and Bootstrap, its components do not come with a default theme, giving you the freedom to add your preferred theme to your application. Its styles are also much easier to override. Rebass is minimalist and was designed with style extension in mind.
-
beautiful-react-hooks
🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥
10-) Sometimes when hooks are not enough for you, you may feel the need to write Custom Hooks. A great Custom Hook List that will make your job easier react-use beautiful-react-hooks
-
InfluxDB
Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
-
react-native-keyboard-aware-scroll-view
A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput.
Also, it will bug out any time you're using react navigation. (Yes this bug still exists, no you cannot avoid it in all situations).
-
reactivesearch has the most stars from what I can find on GH. I've never used one either, maybe someone else will have a better suggestion.
-
airframe-react
Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe
-
Project mention: react2svelte/image-gallery: Svelte carousel image gallery component with thumbnail and mobile swipe support, ported from react-image-gallery (demo linked inside) | reddit.com/r/sveltejs | 2023-01-13
A friend and I wanted to give Svelte a try and write a new website for a project in Svelte. We needed an image viewer with good mobile swipe support and found the existing options not good enough. But there was this react image gallery with half a million downloads a month and all the features we needed!
-
react-flexbox-grid
A set of React components implementing flexboxgrid with the power of CSS Modules.
Project mention: What is the meaning of xs, md, lg in CSS Flexbox system? | reddit.com/r/codehunter | 2022-03-29I'm developing an application using React and wanted to style components, I found https://roylee0704.github.io/react-flexbox-grid/ which talks about a fluid grid system. The example looks like:
-
-
Advanced React Patterns by Kent C Dodds is very good. Check it out - https://github.com/kentcdodds/advanced-react-patterns
-
Project mention: 33 React Libraries Every React Developer Should Have In Their Arsenal | dev.to | 2022-10-05
11. video-react
-
-
-
-
I found a project online that I'd love to use for practice and also improve it but Google it's blocking the app so I can't log in.
-
react-use * ⭐️ 29.6k / 🔽 958k ahooks * ⭐️ 9.1k / 🔽 74k awesome-react-hooks * ⭐️ 8.1k / 🔽 74k usehooks-ts * ⭐️ 1.6k / 🔽 44k react-recipes * ⭐️ 850 / 🔽 1.2k react-hanger * ⭐️ 1.8k / 🔽 3.3k
-
-
-
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2023-02-05.
JavaScript react-components related posts
- The current state of CSS-in-JS + React
- I lost $209,640 of my own money trying to start a business
- ⚠️ Warning to people using MUI and have disabled the ripple effect
- Any guide, tip and tricks to start contributing to big open-source projects like Material-UI?
- React Design Patterns and Repo
- No, React Native is not the future
- React Native for Web
-
A note from our sponsor - Appwrite
appwrite.io | 5 Feb 2023
Index
What are some of the best open-source react-component projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | material-ui | 84,310 |
| 2 | react-virtualized | 24,599 |
| 3 | react-native-web | 20,529 |
| 4 | Enzyme | 19,964 |
| 5 | semantic-ui-react | 12,983 |
| 6 | rebass | 7,869 |
| 7 | beautiful-react-hooks | 6,580 |
| 8 | react-native-keyboard-aware-scroll-view | 4,948 |
| 9 | reactivesearch | 4,756 |
| 10 | airframe-react | 3,828 |
| 11 | react-image-gallery | 3,299 |
| 12 | react-flexbox-grid | 2,907 |
| 13 | rc-slider | 2,872 |
| 14 | advanced-react-patterns | 2,742 |
| 15 | video-react | 2,451 |
| 16 | react-feather | 1,792 |
| 17 | react-rainbow | 1,744 |
| 18 | react-awesome-query-builder | 1,417 |
| 19 | expenses | 1,175 |
| 20 | react-recipes | 934 |
| 21 | pivotal-ui-react | 640 |
| 22 | notus-react | 626 |
| 23 | react-foundation | 601 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com