基于viewer.js实现的react图片预览组件，支持的旋转，缩放和缩放等操作

React基本标签 React基本选项卡面板 该组件是一个非常简单但功能强大的选项卡面板。 您只需要要求它（不涉及 css 文件）。 为了灵活性，它将样式留给最终用户。 （它确实使用一些 css 类名呈现 html，因此您可以使用它们来设置组件的样式）。 安装 $ npm install react-basic-tabs 用法 var React = require ( 'react' ) var TabPanel = require ( 'react-basic-tabs' ) var App = React . createClass ( { getInitialState : function ( ) { return { activeIndex : 1 } } , handleChange :

使用 Typescript Boilerplate React应用程序 这是一个带有应用程序的入门应用程序，使用作为捆绑器。 我将它设置为个人使用，并想我会添加一些注释以防其他人想要使用。 这包括最新版本的 React (17.0.1)，这意味着不再需要将 React 导入到每个包含组件的文件中。 这个入门应用程序使用 TypeScript 将 JSX 转换为 ES5 代码，通过"jsx": "react-jsx",在tsconfig.json设置。 如果您的JSX文件带有标记，请，或者将TypeScript全局升级为> 4.1.0。 入门 克隆存储库： git clone https://github.com/rubinj30/webpack-react-typescript-starter.git 安装依赖项： yarn install (or npm install) 启动

Taro React 小程序注入全局组件 缘由 众所周知，小程序中不能定义全局组件，如果我们想自定义一个 modal 弹窗，来替代 wx.showModal 的话，则需要在每个页面手动的引入组件。随着项目越来越大，手动引入组件无疑是繁琐和低效的，因而抽空开发了这个 webpack-loader 代替手动操作。 作用 为每个页面注入全局组件。支持主包和分包，支持类写法和函数写法。 环境 taro react 安装 npm install taro-inject-component-loader -D 。 配置 配置项 importSpecifier 导入标识符 componentName 导入的组件名称 isPage 判断当前遍历到的文件是否为页面（可选配置） isPage 不传的情况下，默认会将 src/pages/页面名称/index.[tj]sx 和 src/package-模块名称/

台球桌 一个基本的台球游戏，使用React，三个js和react-three-fiber以及从头开始的相当粗略的物理引擎实现。 但是，这不是一个完整的游戏。 可以进行很多改进和改进。 演示版 可以在找到有效的演示 在本地运行 克隆仓库。 npm install npm start

React三根光纤的例子-fps react-three-fiber-example-fps是react-three-fiber的第一人称射击游戏的示例 安装 使用软件包管理器或安装依赖项。 npm/yarn install 用法 从开发模式开始 npm run start 量产 npm run build 运行测试 npm run build 从CRA退出 npm run build 贡献 欢迎提出请求。 对于重大更改，请先打开一个问题以讨论您要更改的内容。 执照

Choerodon用户界面 企业级UI设计语言和基于React的实现。 产品特点 从企业级中型和后台产品的交互语言和视觉样式中提取。 开箱即用的一组高质量React组件。 用具有可预测的静态类型的TypeScript编写。 整套开发设计资源和工具。 环境支援 现代浏览器和Internet Explorer 9+（带有 ） 服务器端渲染 安装 npm install choerodon-ui --save 用法 import { DatePicker } from ' choerodon-ui ' ; import { Table } from ' choerodon-ui/pro '

Scratch3.0 独立文件。 1. 下载后解压，放到网站的目录中，既可以使用。 2. 压缩包解压后，双击“index.html",可以在本地浏览器使用scratch3.0。 要探讨可以直接私信我。

React滚动到顶部 轻巧且可自定义的按钮组件，当按下时滚动到页面顶部仅在页面上达到特定高度后，该按钮才可见 现场演示 安装 运行npm i react-scroll-to-top 用法 导入然后在渲染/返回函数中的任何位置包含 ： import ScrollToTop from "react-scroll-to-top" ; function CoolPage ( ) { return ( < div> < ScrollToTop> < h1> Hello, world! < / h1 > < / div > ) ; } 道具 Struts 类型 描述 默认 光滑的 布尔值 是否使用平滑滚动* 错误的 最佳 数字 页面滚动后的高度可见 20 颜色 细绳 SVG图标填充颜色 “黑色的

React数据网格 为 React 精心打造的 DataGrid 在查看演示 安装 $ npm install react-datagrid --save 变更日志 查看 路线图 查看 用法 请在您的项目中包含样式表index.css 。 如果你使用webpack和css-loader ，你可以要求它： require('react-datagrid/index.css') 例子 var React = require ( 'react' ) var DataGrid = require ( 'react-datagrid' ) var data = [ { id : '1' , firstName : 'John' , lastName : 'Bobson' } , { id : '2' , firstName : 'Bob' , lastName : 'Mclaren' } ]