react-tutorial：一个React教程-源码

一个（不是那么简单）React应用程序 这是一个中央存储库，用于托管react项目的各种版本，这些版本对应于的以下文章： 为了能够阅读文章，我在存储库中添加了一堆标签（它们从最简单的情况变为最复杂的情​​况）： react-only ：仅使用React react-only-validation ：在以上版本中添加验证 react-flux ：将react-flux引入到仅React版本 react-flux-better-organization ：通过添加模块等改进代码结构 react-flux-complex ：具有React和通量的更复杂的应用程序 react-redux ：将re

react-colorscales：React UI组件，用于选择和修改色标-源码

React色标 :rainbow: 一个基于用于挑选和修改色阶的React UI组件。 Plotly的用于构建数据可视化Web应用程序和产品。 演示版 :backhand_index_pointing_right: :backhand_index_pointing_right: :backhand_index_pointing_right: 安装 npm install react-colorscales yarn add react-colorscales :automobile: 快速开始 import { Colorscale } from 'react-colorscales' ; import ColorscalePicker from 'react-colorscales' ; const viridisColorscale = [ '#fafa6e' , '#9cdf7c

react-im：基于Create-React-App，React，Redux等的即时消息前端。…React-Router，Websocket，SockJS和STOMP-源码

该项目是通过。 基于Create-React-App，React，Redux，React-Router4。+，Websocket，SockJS和STOMP的即时消息传递前端。 技术文档（技术文档）： 创建React应用doc： ： github的： : 兼容性（react-app-polyfill） doc： ： github： : Reactdoc： ： react-redux doc： ： React路由器4.x doc： ： github： : sockjs github的： : sto脚客户端github的： : 可React的github的：

react-admin：基于create-react-app @ 2X的React动态权限后台管理系统模板-源码

项目简介 根据不同的的角色展示不同的列表，项目里包含了后台管理系统里90％的需求，没有多余的东西，如果有自己的需求单独加上即可，如富文本，拖拽网上都有现成的 脚手架版本： * create-react-app @ 2这个版本用webpack.config.js替换了webpack.config.prod.js和webpack.config.dev.js 用到React相关的生态链模块： react react-dom react-router-dom redux ： react-redux redux-actions redux-thunk antd 项目要点 less配置、

react-timelines：React时间轴库-源码

React时间表 安装 # with npm npm install react-timelines # or with Yarn yarn add react-timelines 利用 import Timeline from 'react-timelines' const MyWidget = ( ) => < Timeline> export default MyWidget 造型 使用Webpack 结合使用Webpack和CSS loader，添加以下内容： import 'react-timelines/lib/css/style.css' 使用Sass（SCSS） 使用Sass，您可以为时间轴配置变量： $react-timelines-font-family : MaryAnn; $react-timelines-sidebar-width : 320 px ; @import ' ~/react-timelines/src/scss/style ' ; 没有构建工具 创建一个包含react-timelines/lib/css/

react-native-svg：用于React Native，React Native Web和普通React Web项目的SVG库-源码

react-native-svg react-native-svg为iOS和Android上的React Native提供SVG支持，以及Web的兼容性层。 特征 支持大多数SVG元素和属性（Rect，Circle，Line，Polyline，Polygon，G ...）。 易于为react-native-svg。 安装 自动地 与expo-cli :check_mark_button: 附带了本机代码！ 使用以下命令安装JavaScript： expo install react-native-svg :books: 有关更多信息，请参见。或跳至“ 。 与react-native-cli 从npm安装库 yarn add react-native-svg 链接本机代码 带有自动链接（React本机0.60+） cd ios && pod install 前0.60 react-native link react

react-native-restart：具有一个目标的React Native软件包：重新启动您的React Native项目-源码

React本机重启 有时您想在应用程序运行时重新加载应用程序包。 该软件包将允许您执行此操作。 iOS GIF Android GIF 安装 使用react-native < 0>= 0.62 ？ 安装react-native-restart@0.0.20及以上 带yarn $ yarn add react-native-restart 与npm $ npm install --save react-native-restart 自动链接设置（本机> = 0.60） 的iOS $ cd ios $ pod install 安卓 无需采取进一步措施 自动安装（无自动链接） react-native link react-native-restart或npm install -g rnpm && rnpm link react-native-restart 手动安装Android 在android/settings.gradle .. . include ' :reac

create-react-library：用于创建可重用React库的:high_voltage:CLI-源码

创建React库 使用Rollup和create-react-app创建可重用的现代React库的CLI。 该项目由Saasify赞助。 通过API获利的最简单方法 介绍 产品特点 易于使用的CLI 处理所有现代JS功能 捆绑commonjs和es模块格式 例如用法和本地开发 捆绑 支持复杂的对等关系 支持CSS模块 对TypeScript的可选支持 源图创建 创建了数千个公共模块 详尽的文档 :smiling_face_with_heart-eyes: 全局安装 该软件包要求node >= 10 。 npm install -g create-react-library npx的用法 npx create-react-library （ 自带NPM 5.2+及以上，看到） 创建一个新模块 create-react-library 回答有关模块的一些基本提示，然后CLI将执行以下步骤： 复制模板 通过yarn或npm安装依赖项 将软件包链接在一起以进行本地开发 初始化本地git回购 此时，您的新模块应类似于此屏幕截图，并且都已为本地开发进行了设置。 发展历程 本地开发分

create-react-native-project:新的React-Native项目的配置文件-源码

创建React本地项目 React本地初始化模板和预配置选项的项目生成器。 受极大启发 用法： npx create-react-native-project ProjectName 特征 完毕 - :check_mark_button: 工作正在进行中 - :construction: 要添加- :hourglass_done: 整合方式 状态 快车道 :hourglass_done: GraphQL :check_mark_button: Redux :check_mark_button: 单模块 :check_mark_button: 哨兵 :hourglass_done: 模组 状态 react-native-config :hourglass_done: React本机手势处理程序 :check_mark_button: react-native-keyboard-manager :hourglass_done: React本机复活 :check_mark_button: React本机屏幕 :check_mark_

koa-react-router：用于koa 2的react-router中间件-源码

koaReact路由器 koa 2中间件，用于React服务器端渲染和使用。 寻找对React Router 3的支持，请参阅文档。 尝试React Router 5，尽管它很棒！ 用法 要安装koa-react-router ： npm install koa-react-router react react-dom react-router --save 注意： react react-dom和react-router都是koa-react-router peerDependencies 。 可以将koa-react-router轻松安装在koa 2应用程序中，如下所示： // index.js import Koa from 'koa' ; import reactrouter from 'koa-react-router' ; import App from './App' ; import Container from './containers/PageContainer' ; const app = new Koa ( ) ; app

react-tailwind-pwa:使用:sparkles::sparkles:create-react-app:sparkles::sparkles:构建的带有:snowflake:React的:fire::globe_with_meridians::laptop:ProgressiveWeb Application项目-源码

react-tailwind-pwa:使用:sparkles::sparkles:create-react-app:sparkles::sparkles:构建的带有:snowflake:React的:fire::globe_with_meridians::laptop:ProgressiveWeb Application项目

eslint-plugin-react-extra：与React一起使用的ESLint规则-源码

eslint-plugin-react-extra ESLint规则与React一起使用 安装 您首先需要安装 ： $ npm i eslint --save-dev 接下来，安装eslint-plugin-react-extra ： $ npm install eslint-plugin-react-extra --save-dev 注意：如果您全局安装了ESLint（使用-g标志），则还必须全局安装eslint-plugin-react-extra 。 用法 将react-extra添加到.eslintrc配置文件的plugins部分。 您可以省略eslint-plugin-前缀：

react-ReactGridLayout网格布局gridlayout系统但专为React服务

React-Grid-Layout：网格布局(grid layout)系统，但专为 React 服务

react-projects：在React库上构建的项目集合-源码

React项目 有两个项目可以熟悉React框架。 专案 todo ：基本的todo应用程序入门。 tictactoe ：井字游戏使用状态和道具。 markdown-editor ：实时markdown编辑器SPA。 basic-react-redux ：基本的react-redux项目，用于处理其商店中的商品。 basic-redux-thunk ：基本的react-redux-thunk项目，该项目使用thunk处理来自API的项目，并使用redux进行存储。 book-store [WIP] ：通过react-redux和UI的Bootstrap构建的在线书店。 trip-m

react-virtualized：React组件，用于有效地呈现大型列表和表格数据-源码

React组件可有效地呈现大型列表和表格数据。 查看以获取一些示例。 赞助商 以下出色的公司赞助了react-virtualized： 关于react-window一句话 如果您正在考虑将react-virtualized添加到项目中，请查看作为更轻量的替代方案。 入门 使用npm安装react-virtualized 。 npm install react-virtualized --save 每个发行版均提供ES6，CommonJS和UMD构建。 例如： // Most of react-virtualized's styles are functional (eg positio

react-primitives：跨目标的Primitive React接口-源码

React原语 跨目标的原始React接口 安装 npm install --save react-primitives 您还需要安装要支持的目标： 网络： npm install --save react-dom react-native-web react-art 本机iOS和Android： npm install --save react-native 草图： npm install --save react-sketchapp react-test-renderer figma： npm install --save react-figma vr： npm install --save react-360 视窗： npm install --save react-native-windows 用法 import React from "react" ; import

create-react-lib：快速构建一个React库-源码

创建React库 快速建立自己的React库！ 这个项目是 :building_construction: 通过creact-react-app --typescript进行引导 :factory: 由microbundle-crl建立 :octopus: 通过@ testing-library测试 :open_book: 通过@storybook制作文档 :hammer_and_wrench: 通过gulp重新配置 :eyes: eslint和更漂亮的皮棉代码 如何使用？ :face_with_raised_eyebrow: 第一步：克隆该项目第二步：在src / **中创建组件第三步：编写测试代码步骤4：制作故事代码步骤5：在gulpfile.js中重置DIRS 步骤6：在.publish资料夹中重设发布设定第7步：npm运行构建步骤8：npm运行发布 仅此而

react-native-barcode-mask：用于具有可自定义样式的react-native应用程序的条形码和QR扫描布局-源码

react-native-barcode-mask :camera: 条码和QR码扫描布局，用于具有可自定义样式的本机应用程序 安装 npm i react-native-barcode-mask -s 用法 您需要做的就是从react-native-barcode-mask模块import BarcodeMask ，然后使用它。 与RNCamera一起使用的示例 在<RNCamera>...</RNCamera>标记内作为子组件。 'use strict' ; import React , { Component } from 'react' ; import { RNCamera } from '

react-native-qrcode-svg：基于react-native-svg和node-qrcode的React Native QR码生成器-源码

react-native-qrcode-svg 基于react-native-svg和javascript-qrcode的React Native QR码生成器。 讨论： ： 产品特点 轻松渲染QR码图像 （可选）嵌入徽标 安卓 的iOS 安装 安装依赖包 yarn add react-native-svg react-native-qrcode-svg 要么 npm i -S react-native-svg react-native-qrcode-svg 如果您使用的是React Native 0.60.+请转至your-project / ios文件夹并运行pod insta