开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/Latest mention: Top 10 Developer Trends, Thu Oct 22 2020 | dev.to | 2020-10-22
NervJS / taro
A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows.
A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg
Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframeLatest mention: Best Free React Dashboards & Resources for every React Developer | dev.to | 2020-09-21
Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components and goober) at build time.Latest mention: Tailwind CSS: The future of styling or just another CSS framework? | dev.to | 2021-01-15
Tailwind at its own isn't too hard to learn. What I would want to explore is the tooling around it ex. twin.macro which aims to solve issue with long CSS class names and avoid creating separate CSS files at the same time. I also want discover more good practices.
React Ace Component
Make beats with React!
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. 🖥️ 📱
Edit Notes like in Notion.so. Full-Stack App using React/Express.Latest mention: | news.ycombinator.com | 2020-12-23
I remember a while back someone posted an open source alternative , the biggest downside being that there are fewer features and must be run locally.
Real-time visualizer for React lifecycle methods
React Bootstrap with Material Design - Powerful and free UI KIT
🐕 Simulate user events for react-testing-libraryLatest mention: Comparing Enzyme with React Testing Library | dev.to | 2021-01-04
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.
Megadraft is a Rich Text editor built on top of Facebook's Draft.JS featuring a nice default base of components and extensibility
A no-frills flexbox grid system for React, powered by styled-components.
🖌️ Renders highlighted Prism output to React (+ theming & vendored Prism)Latest mention: I over-engineered my blog, and here’s what I’ve learned | dev.to | 2021-01-05
I could then style each line of code separately if I wanted or use a pre-defined theme such as Night Owl by Sarah Drasner.
Generate complex, validated and extendable JSON-based forms in React.
Allows to use React.js component as HTML element (web component)
User-friendly query builder for React
Write PixiJS applications using React declarative style.Latest mention: Deck the Halls With React Three Fiber | reddit.com/r/reactjs | 2020-12-22
For 2D there is also https://github.com/inlet/react-pixi and https://github.com/michalochman/react-pixi-fiber check them both out. I prefer inlet's.
Super minimal MVC library
Awesome React tooltip
Easily customize the browser scroll bar with native OS scroll behavior
- 1. taro
- 2. reactotron
- 3. react-draft-wysiwyg
- 4. airframe-react
- 5. react-flip-move
- 6. twin.macro
- 7. react-ace
- 8. react-music
- 9. react-awesome-slider
- 10. notion-clone
- 11. react-lifecycle-visualizer
- 12. React-Bootstrap-with-Material-Design
- 13. user-event
- 14. megadraft
- 15. hedron
- 16. prism-react-renderer
- 17. Winterfell
- 18. reactive-elements
- 19. react-awesome-query-builder
- 20. react-pixi-fiber
- 21. espresso.js
- 22. react-portal-tooltip
- 23. react-custom-scroll