lihan
lihan
发布于 2024-07-21 / 68 阅读
0
0

React 前端优秀组件库

流程图组件:https://github.com/alibaba/butterfly

流程图组件:https://github.com/wbkd/react-flow

表格组件:https://github.com/alibaba/ali-react-table

AList 表格解决方案:https://alist.wiki/#/9mI4Iv/8MsesjHa

代码编辑器:https://www.npmjs.com/package/monaco-editor

代码编辑器 React:@monaco-editor/react - npm (npmjs.com)

富文本编辑器 React:https://braft.margox.cn

富文本编辑器:https://github.com/zenoamaro/react-quill

富文本编辑器(支持表格):https://github.com/jodit/jodit-react

拖放 React 工具包 dnd kit:https://github.com/clauderic/dnd-kit

中国行政区划分(五级):https://www.npmjs.com/package/china-division

验证码输入组件:https://www.npmjs.com/package/react-verification-code-input

文本对比:https://note.youdao.com/s/Yd3tTfv

根据 json 导出不同的文件:zheeeng/export-from-json: Export to plain text, css, html, json, csv, xls, xml files from JSON. (github.com)

html-to-image:bubkoo/html-to-image: ✂️ Generates an image from a DOM node using HTML5 canvas and SVG. (github.com)

cssinjs: Emotion - Introduction

用于处理基于JSON RPC 规范的 window、 iframe、worker 通信的工具库:kinglisky/rpc-shooter: A tool library for handling window && iframe && worker communication based on the JSON RPC specification (github.com)

Web 端拖拽库:https://interactjs.io

Web 端手势库:http://hammerjs.github.io

谷歌插件 cli:https://github.com/dutiyesh/chrome-extension-cli

Html 字符串转 React:https://www.npmjs.com/package/html-react-parser

右键菜单:https://github.com/fkhadra/react-contexify

为服务器特别定制的,快速、灵活、实施的jQuery核心实现:https://github.com/cheeriojs/cheerio

cypress 对任何在浏览器中运行的东西进行快速、简单和可靠的测试:https://github.com/cypress-io/cypress

拾色器:https://github.com/omgovich/react-colorful

状态机:https://github.com/pmndrs/zustand

Dock Layout:https://github.com/ticlo/rc-dock

分隔面板:https://github.com/tomkp/react-split-pane

拖动组件:https://github.com/daybrush/moveable

状态(hox):https://github.com/umijs/hox

用于实时编辑 React 代码的库:https://www.npmjs.com/package/react-live

React 滑块验证码组件:https://github.com/caijf/rc-slider-captcha

表情选择器:https://github.com/missive/emoji-mart

React 开发期直接从浏览器跳转到本地 IDE 代码,只需单击 React 组件即可:https://github.com/zthxxx/react-dev-inspector

检测元素何时进入或离开 viewport react-intersection-observer:https://www.npmjs.com/package/react-intersection-observer

React 构建邮件内容:https://react.email/

焦点锁定:https://www.npmjs.com/package/react-focus-lock

react-sticky-box 吸顶组件:https://www.npmjs.com/package/react-sticky-box

React 富文本编辑器(仿 Notion):https://github.com/TypeCellOS/BlockNote


评论