React DemoTab :bookmark_tabs: 一个 React 组件，可以轻松创建其他组件的演示 安装 npm install react-demo-tab Demo DemoTab 示例 Example import React from 'react'; 从 'react-dom' 导入 ReactDOM； 从'react-demo-tab'导入DemoTab； 从“./ButtonGreen”导入演示组件； const demoCode = ` import React from 'react'; 导入'./ButtonGreen.css'; const ButtonGreen = () =>绿色按钮； 导出默认ButtonGreen;`; const demoStyle = ` .btn-green { 背景颜色：绿色； 字体大小：14px； 填充：12px 26px； 边框半径：6px； }`; const App = () => { 返回 ( ); }; ReactDOM.render( , document.getElementById('root'));

一个可调整大小和可拖动的 React 组件。 目录截图 Live Demo Storybook CodeSandbox Install Usage Props Instance API updateSize(size: { width: number | string, height: number | string }): void updatePosition({ x: number, y: number }): void Test Related Changelog许可证截图 https://codesandbox.io/s/xpm699v4lp Live Demo Storybook Storybook CodeSandbox CodeSandbox(with default) CodeSandbox(with size and position) CodeSandbox(with typescript) Install use npm npm i -S react-rnd use yarn yarn add react -rnd 使用示例（默认） 转数 位置和大小的示例 {

React Avatar Generator 灵感来自一个名为 LayerVault 的旧网站。 您可以在此处查看过去的示例。 入门 yarn add react-avatar-generator 或 npm i react-avatar-generator import AvatarGenerator from 'react-avatar-generator'; 示例用法 这创建了这样的东西：稍微玩弄这个组件，我发现很容易制作类似于 LayerVault 最初拥有的东西。 道具道具类型默认选项宽度编号200高度编号200镜面编号3缩放编号0.2旋转编号0.3渐变编号1不透明度编号0.3数量编号16间距编号20波长编号2尺寸编号4形状字符串'圆'可以是圆形，三角形或正方形backgroundColor string '#fff' backgroundOpacity number 0.3 colors array [] Methods prop 类型描述 randomize 函数随机化万花筒以具有新的随机模式 isValidHex 函数如果该字符串是有效的十六进制，则传入字符串将返回 t

React Filter Control 用于构建复合过滤条件的 React 组件 Demo (JS) | 演示 (TS) 连同数据表概述安装 npm npm install react-filter-control yarn yarn add react-filter-control 用法基本示例 import React from "react"; 从“react-dom”导入 ReactDOM； 从“React过滤器控制”导入过滤器控制； 从“./data.js”导入 { fields, filterValue }; const handleFilterValueChange = filterValue => { // ... }; const App = () => { 返回 ( ); }; ReactDOM.render( , document.querySelector("#root")); CodeSandbox API FilterControl 属性名称类型描述字段数组中的打开示例。 字段设置 filterValue FilterValue filterValue 设

React-PDF 在你的 React 应用程序中显示 PDF 就像它们是图像一样容易。 丢失的？ 此包用于显示现有的 PDF。 如果您希望使用 React 创建 PDF，您可能正在寻找 @react-pdf/renderer。 tl;dr 通过执行 npm install react-pdf 或 yarn add react-pdf 进行安装。 通过添加 import { Document } from 'react-pdf' 来导入。 通过添加使用 . 文件可以是 URL、base64 内容、Uint8Array 等。 放 里面的组件 渲染页面。 演示 在示例目录中可以找到一个最小的演示页面。 在线演示也可用！ 在继续之前 React-PDF 正在不断开发中。 本文档是为 React-PDF 5.x 分支编写的。 如果您想查看其他版本的 React-PDF 的文档，请使用 GitHub 页面顶部的下拉菜单切换到适当的标签。 以下是每个分支最新文档的快速链接： v4.x v3.x v2.x v1.x 入门兼容性 React 要使用最新版本的 React-PDF，您的项目需要使用 Re

React PDF 查看器一个用于查看 PDF 文档的 React 组件。 它是用 TypeScript 编写的，完全由 React 钩子提供支持。 // 核心查看器 import { Viewer } from '@react-pdf-viewer/core'; // 插件 import { defaultLayoutPlugin } from '@react-pdf-viewer/default-layout'; // 导入样式 import '@react-pdf-viewer/core/lib/styles/index.css'; 导入'@react-pdf-viewer/default-layout/lib/styles/index.css'; // 创建新的插件实例 const defaultLayoutPluginInstance = defaultLayoutPlugin(); 功能 基本功能 支持受密码保护的文档 缩放： 支持自定义级别，例如实际大小、页面大小和页面宽度 页面之间导航 可以快速转到第一页和最后一页 搜索文本 预览页面缩略图 查看和导航目录 列表和下载附

Builder Book开源Web应用程序，用于发布文档或书籍。 我们已经使用了这个builderbook项目来构建：Async-面向软件开发人员小团队的通信工具Builder Book-了解如何构建完整版Builder Book开源Web应用程序以发布文档或书籍。 我们已经使用了这个builderbook项目来构建：异步-面向软件开发人员小型团队的通信工具Builder Book-了解如何从头开始构建完整的Web应用程序SaaS Boilerplate-开源Web应用程序以构建自己的SaaS产品Live应用程序： https://builderbook.org/books/builder-book/introduction。 您如何使用此应用程序？ 作为React / Material-UI / Next / Express / Mongoose / MongoDB堆栈的学习材料

开放式资料库，供学生使用不同的语言编写算法和数据结构CPP / C开放式资料库，供学生使用不同的语言编写算法和数据结构此存储库供所有人创建代码并学习为开源做贡献使用此存储库进行贡献在开源中。 开始解决问题并提出拉动请求，甚至您都可以创建自己的问题。 如果您想为一个项目做贡献，最简单的方法是：找到您想贡献的一个问题->>将其克隆到您的本地系统中制作一个新的b。

FastWindowSwitcher一种用于Windows的快速窗口切换器，使用带有标签的窗口。 FastWindowSwitcher是Windows 7和Windows 10的窗口切换器/任务切换器。它已针对快速键盘使用进行了优化，可以用作替代品。FastWindowSwitcher一种用于Windows的带有标签窗口的快速窗口切换器。 FastWindowSwitcher是Windows 7和Windows 10的窗口切换器/任务切换器。它已针对快速键盘使用进行了优化，可以用作ALT-TAB的替代方法。 它是如何工作的？ 查看下一个要转到的窗口的窗口标题或任务栏按钮。 按标签热键（默认为Win-Y）。 现在，所有可选的窗口标题和任务栏按钮都将标有一个键。按下所需的键。 大风

k8s-image-swapper将映像镜像到您自己的注册表中，并自动交换映像引用。 k8s-image-swapper是Kubernetes k8s-image-swapper的变异Webhook，可将镜像镜像到您自己的注册表中并自动交换映像引用。 k8s-image-swapper是Kubernetes的变异Webhook，可将图像下载到您自己的注册表中，并将图像指向该新位置。 它是docker pull-through代理的替代方法。 该功能集主要在设计时考虑了Amazon ECR，但可能与其他注册表配合使用。 好处使用k8s-image-swapper可以提高整体可用性，可靠性，耐用性和分辨率