Top 23 JavaScript ReactJS Projects
-
taro
开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
NervJS / taro
-
normalizr
Normalizes nested JSON according to a schema
Project mention: Do I have to access the `state` variable in a Vuex mutation? | reddit.com/r/vuejs | 2021-01-23Normalizr looks promising, thanks!
-
Scout
Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
react-testing-library
🐐 Simple and complete React DOM testing utilities that encourage good testing practices.
-
reactotron
A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows.
-
emotion
👩🎤 CSS-in-JS library designed for high performance style composition
Project mention: The tiniest CSS-in-JS solution for your open-source React components | dev.to | 2021-02-18It seemed like a good solution, but we've started receiving complaints from many developers that were unable to use the styles. It is quite common in the React ecosystem to use libraries like Emotion, Styled-Components, or other CSS-in-JS libraries exclusively and to entirely forgo the inclusion of a style loader. As such, usage of react-colorful would necessitate the alteration of build configurations for these users to be able to access the default styling.
-
reactjs-interview-questions
List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!
500 React Interview Questions
-
spectrum
Simple, powerful online communities.
Project mention: Anybody know what happened to Cometx.io? | reddit.com/r/RedditAlternatives | 2021-02-27they've chosen to become another discord clone, kinda similar to https://spectrum.chat
-
react-draft-wysiwyg
A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg
-
airframe-react
Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe
Project mention: Can anyone recommend a good admin dashboard framework using React? | reddit.com/r/reactjs | 2021-01-19I would personally recommend Airframe.
-
react-flip-move
Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
-
twin.macro
🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components and goober) at build time.
-
coreui-free-react-admin-template
CoreUI React is free React admin template based on Bootstrap 4
Project mention: Where to find free and good reactjs templates? | reddit.com/r/learnreactjs | 2021-01-27 -
react-ace
React Ace Component
-
react-music
Make beats with React!
-
react-easy-state
Simple React state management. Made with ❤️ and ES6 Proxies.
Project mention: Programmatically saving (very) long form inputs to state? | reddit.com/r/reactjs | 2021-01-22More information: https://github.com/RisingStack/react-easy-state
-
reactour
Tourist Guide into your React Components
In this tutorial I will show you how to create your own plugin on Strapi (version 3.4.6) and more precisely how to use reactour to create a guided tour which can be very useful for content managers out there who will have to master Strapi's admin to manage their content.
-
react-awesome-slider
React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders. 🖥️ 📱
-
notion-clone
Edit Notes like in Notion.so. Full-Stack App using React/Express.
I remember a while back someone posted an open source alternative [0], the biggest downside being that there are fewer features and must be run locally.
-
React Lifecycle Visualizer
Real-time visualizer for React lifecycle methods
-
openmtp
OpenMTP - Advanced Android File Transfer Application for macOS
Try OpenMTP 3.0, I have added further speed improvements to the app. https://github.com/ganeshrvel/openmtp
-
user-event
🐕 Simulate user events for react-testing-library
To get away from testing our code implementation and get closer to testing how the application is actually used, we turn once again to React Testing Library. Instead of creating fake DOM event objects and simulating various change events, we have the ability to mimic how users would actually interact with the application using userEvent's, which are provided by the user-event library.
-
mdbootstrap
React Bootstrap with Material Design - Powerful and free UI KIT
-
react-helmet-async
Thread-safe Helmet for React 16+ and friends
An important aspect of SSR development is using correct HTML meta tags. They tell the search bot the key information on the page. To accomplish this task, I recommend you to use one of the modules: React-Helmet-Async React-Meta-Tags I have prepared some examples: React-Helmet-Async React-Meta-Tags
Index
What are some of the best open-source ReactJS projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | taro | 28,252 |
2 | normalizr | 19,901 |
3 | react-testing-library | 13,968 |
4 | reactotron | 12,727 |
5 | emotion | 12,573 |
6 | reactjs-interview-questions | 10,576 |
7 | spectrum | 9,686 |
8 | react-draft-wysiwyg | 4,853 |
9 | airframe-react | 3,453 |
10 | react-flip-move | 3,423 |
11 | twin.macro | 3,407 |
12 | coreui-free-react-admin-template | 3,141 |
13 | react-ace | 2,957 |
14 | react-music | 2,656 |
15 | react-easy-state | 2,319 |
16 | reactour | 2,165 |
17 | react-awesome-slider | 2,000 |
18 | notion-clone | 1,527 |
19 | React Lifecycle Visualizer | 1,230 |
20 | openmtp | 1,205 |
21 | user-event | 1,141 |
22 | mdbootstrap | 1,113 |
23 | react-helmet-async | 1,072 |