React块抽屉 一个与Blockly一起玩的React组件。 目录 介绍 一个与Blockly一起玩的React组件。 设置 $ npm install react-blockly-drawer node-blockly --save 例子 基本范例 import React from 'react' ; import ReactDOM from 'react-dom' ; import Blockly from 'node-blockly/browser' ; import BlocklyDrawer , { Block , Category } from 'react-blockly-drawer' ; const helloWorld = { name : 'HelloWorld' , category : 'Demo' , block : {

创建React图标 受项目的启发，将一个或多个svg文件转换为内嵌svg React组件。 如果您想知道在React组件中使用内嵌svg有什么好处，请查看此帖子。 安装 $ npm install create-react-icon -g 用法 $ create-react-icon ./alert.svg dist $ create-react-icon ./ * .svg dist 结果 您的源svg文件： < svg xmlns = " http://www.w3.org/2000/svg " viewBox = " 0 0 512 512 " >< path d = " M200.4 54.1c-1.9-18.7 8.4-32.9 25.8-32.9h63.1c17.4 0 27.7 14.2 25.8 32.9l-27.7 242.2c-1.9 17.4-13.5 28.3-

将HTML的带注释的部分作为单独的模块提取到React组件中。 通过导入子组件并用它们替换适当HTML片段来保留HTML的结构。 结果，您将准备好渲染整个组件树。 尝试 内容 什么时候使用 该实用程序旨在使React开发人员摆脱将HTML转换为组件的繁琐任务。 想象一下，您刚从设计师那里得到了一堆HTML。 您要做的第一件事是将HTML分解为React组件。 这很无聊，应该自动化！ 安装 $ npm i -g html-to-react-components 用法 具有data-component属性HTML元素将转换为单独的React组件。 该属性的值是React组件的名称。 另外使用public:前缀指定应将哪些HTML属性作为React道具public: 。 < input public:type =" text " id =" input " data-component =" Input " /> // at usage place < Input type = "text" / > ; // ----^^^^^^^^^^^ // in component's mo

vite-plugin-svgr Vite插件可将SVG转换为React组件。 在引擎盖下使用 。 用法 // vite.config.js import svgr from 'vite-plugin-svgr' export default { // ... plugins : [ svgr ( ) ] , } 然后可以将SVG文件作为React组件导入，就像一样： import { ReactComponent as Logo } from './logo.svg' ; 执照 麻省理工学院

React WOW Using CSS animation in your react components. 依赖 安装 $ npm install --save react-wow 示例 import React from 'react' import ReactDOM from 'react-dom' import ReactWOW from 'react-wow' const App = () => ReactDOM.render(, document.getElementById('app')) 使用方法 $ git clone https://github.com/skyvow/rea

react-sortablejs React绑定到 请注意，由于仍然存在大量错误，因此尚未考虑将其投入生产。 产品特点 安装 sortablejs和@types/sortbalejs是对等依赖项。 后者仅在需要智能/打字稿时使用。 npm install --save react-sortablejs sortablejs npm install --save-dev @types/sortablejs # OR yarn add react-sortablejs sortablejs yarn add -D @types/sortablejs 学习 这是可排序的TLDR： - Sho

用于 React 的 CKEditor 5 富文本编辑器组件 用于 React 的官方 CKEditor 5 富文本编辑器组件。 开发人员文档 :open_book: 请参阅 CKEditor 5 文档中的“React 富文本编辑器组件”指南以了解更多信息： 快速入门 组件属性 自定义构建 集成从源代码构建的 CKEditor 5 使用 [email protected] 使用 [email protected] 贡献 克隆后存储库，安装必要的依赖项： npm install 也可以使用 Yarn。 执行测试 在开始执行测试之前，您需要构建包。 您可以使用 npm run build 来构建生产就绪版本，或者使用 npm run develop 生成带有所有源文件的附加观察程序的开发版本。 npm run test -- [附加选项] # 或 npm t -- [附加选项] 该命令接受以下选项： --coverage (-c) – 是否生成代码覆盖率。 --source-map (-s) – 是否附加源映射。 --watch (-w) – 是否观看测试文件。 --reporter (-

react-ReactScrollTo一个React组件可以帮助滚动页面至指定位置

ReactPDF编辑器 可移植文档格式（PDF）随处可见。 PDF是一种简单的文件格式，可用于在普通人的计算机上阅读文档。 自1993年以来，PDF已成为全球标准，旨在实现更安全和可靠的信息交换。 政府和私营行业依靠可以可靠共享的基于PDF的安全电子记录存储。 如果您想减少办公室生产的纸张，React PDF Editor是您的解决方案。 在React PDF Editor中创建PDF需要很短的时间，并为您带来很多好处。 这就是为什么React PDF Editor将帮助您创建PDF文件的原因-商业用户共享文档的最重要方式之一。 React PDF Editor可用于： 创建简历， 电子出版， 用户手册， 发票， 图书， 不可编辑的广告材料， 存档 基于ReactJs和TypeScript的实时在线PDF编辑器。 易于使用。 快速又轻便。 安装 React P