react-patterns:使用类和钩子解决方案React模式

preview
共78个文件
js：65个
json：4个
yml：2个
JavaScript
需积分: 5 0 下载量 168 浏览量 2021-05-30 13:00:47 上传 评论 收藏 427KB ZIP 举报
资源详情
资源评论
评论 收藏
ZackRen
  • 粉丝: 24
  • 资源: 4624
上传资源 快速赚钱
voice
center-task 前往需求广场，查看用户热搜

相关推荐

zip

react-patterns:React模式的例子

React模式 :grinning_cat: 科腾报告 （仍在写作过程中） 该存储库包含一些使用库的模式的示例。 所有信息均来自互联网的广阔空间。 我认为某些模式是矛盾的，仅出于提供信息的目的而提出。 例如，采用switch按钮，其使用不同的方法以及工作逻辑的复杂性始终如一地实现。 代码示例位于src\examples文件夹中，并带有编号，旨在作为逐步指南。 后续示例可能包含以前的模式。 使
zip

react-patterns：基本的React组件，钩子和模式

该存储库包含基本的React组件，挂钩和模式，我们将其用作的起点。 目录 产品特点 :package: 基本的React组件开始 :nail_polish: 样式化的样式组件 :wrench: ESLint，Stylelint和Prettier已配置 :brick: 故事书与A11y，文档，视口和主题游乐场插件的集成 :triangular_ruler: 样式助手，用于颜色，间距和媒体
zip

react-一些使用React钩子的小例子

一些使用React钩子的小例子
zip

react-utils:在React应用程序中使用的常见React钩子和组件

React实用程序 useTransition useValidation 组件 <Filter> 关于 这个包包含了在React应用程序中使用的通用钩子和组件。 安装 npm i @cdoublev/react-utils @cdoublev/react-utils构建为可在当前版本的@cdoublev/react-utils中运行，这意味着应使用自己的目标将其与您的应用程序一起进行
zip

react-use-p5:在React中使用带有钩子的 p5

React使用-p5 使用带钩子的 p5 安装 # with npm npm install --save @gen/react-use-p5 # with yarn yarn add @gen/react-use-p5 用法 import React , { Component } from 'react' ; import { useP5 } from '@gen/react-use-p
zip

react-native-animation-hooks:使用钩子的React-Native动画的简单声明式API

React本机动画挂钩 yarn add react-native-animation-hooks 向ReactNative应用程序中添加小动画的最便捷方法。 const Comp = ( ) =&gt; { const [ bool , setBool ] = useState ( false ) const toggle = ( ) =&gt; ...
zip

react-scrollbar-size:React钩子来计算浏览器滚动条的大小

React滚动条大小React-Scrollbar-Size是一个挂钩，旨在计算用户代理的水平和垂直滚动条的大小。 它还将检测滚动条的大小何时更改，例如用户代理的缩放系数何时更改。安装React-Scrollbar-Size作为： :information: ...
zip

react-patterns:React模式，主要使用打字稿

react-patterns:React模式，主要使用打字稿
zip

react-admin：react-admin系统解决方案：react后台管理系统解决方案

react-admin系统解决方案 文档地址： 问题和方案汇总： 更新日志迁移至 :beaming_face_with_smiling_eyes: （重要！对于了解项目部分功能和代码很有用！） cli安装和使用react-admin :fire: 使用快速安装和下载...
zip

react-in-patterns-cn：以模式进行React中文版

React模式 中文版 :open_book:介绍开发的设计模式和技术的免费开源书籍。 书 目录 基础 数据流 其他 原始码 书中所使用的代码全部在。 其他资源 建立本书 yarn install && yarn build 要生成电子书，需要先安装 ，然后在ln -s /Applications/calibre.app/Contents/MacOS/ebook-convert /usr/loc
zip

react-counter:使用钩子的React Counter App

Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。
zip

react-redux-hooks-starter:使用钩子的React-redux样板

使用钩子的React-redux样板 :fishing_pole: :fire: 使用带有Hooks的最新版本的react-redux来进行样板React（useDispatch，useSelector）。 该应用程序本身是一个简单但可爱的柜台！ 安装 npm install && npm start
zip

react-testing-patterns:用于测试React on Rails的最合理的模式

React测试模式 用于测试React on Rails的最合理的模式 目录 范围 这就是我们在上为编写测试的。 我们一直在努力寻找幸福的道路。 这是我们正在进行的尝试，旨在开辟一条最直接的途径来在黄金路径的Rails应用程序上测试React组件。 这里的建议代表了很多失败的尝试。 如果看起来有些不对劲，那可能是错了； 让我们知道您的发现。 约束条件 我们的方法具有以下约束。 脚本可在资产管道
zip

react-notebook:React.js中使用钩子和JSX的笔记本应用

React笔记本 使用钩子在React.js中做笔记应用程序。 该项目由一个SPA组成，其中显示并编辑了注释。 每个便笺都可以创建，编辑，删除和自定义。 应用程序中的所有数据在执行过程中都可用，并且不会保存，但可以将其与API或文件保护器集成。 所有笔记都以应用程序的最高状态存储在数组中，并且要保存此数据，我建议您更改App.js中的CRUD方法以使它们将所有内容保存到其他位置。 界面的打印。
zip

react-vtree:React组件可有效渲染大型树结构

npm i react-window react-vtree # Yarn yarn add react-window react-vtree 用法 FixedSizeTree 例子 您还可以在故事书中查看非常相似的示例： 演示版 import { FixedSizeTree as Tree } from 'react-vtree' ; // ...
zip

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

注意： react react-dom和react-router都是koa-react-router peerDependencies 。 可以将koa-react-router轻松安装在koa 2应用程序中，如下所示： // index.js import Koa from 'koa' ; import reactrouter from...
zip

react-ueditor:一个React器组件

react-ueditor 使用 react 框架对 ueditor 进行封装和扩展 :sparkles: 特性 支持更灵活的图片和音视频资源上传 支持同个页面存在多个编辑器实例 支持对复制进来的图片进行操作 允许扩展工具栏，支持在扩展中使用已有...
zip

react使用高德地图react-amap：Markers、Circle、ContextMenu、自定义ContextMenu

react使用高德地图react-amap：Map、Markers、Circle、ContextMenu、自定义ContextMenu
zip

react-reactkatex利用KaTeX和ReactJS展示数学公式

react-katex：利用KaTeX和ReactJS展示数学公式
zip

react-router-url:一个简单的使用钩子的React Router

React路由器URL 一个简单，灵活且零依赖的路由器进行响应。 这是一个带有以下内容的monorepos： ：用于React的路由器 ：只有路由器使用的钩子的react-router-url的核心
zip

上下文：使用React Native用react钩子和上下文替换redux

上下文：使用React Native用react钩子和上下文替换redux
zip

react-hooks-spotify:使用打字稿进行项目并React钩子

react-hooks-spotify:使用打字稿进行项目并React钩子
zip

react-advanced-patterns:高级React组件模式

React高级模式 维护此仓库以收集社区中使用的React模式和最佳实践。 此存储库为您提供了社区中使用的所有模式的整理列表。 如果您发现了一个并愿意分享您自己的React模式，只需向我们发送公关 :raising_hands: 这是由（ 和（ 启发而来 非常感谢他们的生活中可爱的React模式 :smiling_face_with_smiling_eyes: React高级模式 React钩
zip

advanced-react-patterns:高级React组件模式的完整指南

高级React组件模式的完整指南 目录 第3节：自定义挂钩：第一个基础模式 钩子新手？ 定制钩子简介 构建动画自定义钩子 定制钩子和裁判 什么时候调用我的钩子？ 第4节：复合成分模式 为什么要使用复合成分？ 如何实施模式 重构为复合成分 替代出口策略 通过回调公开状态 仅在安装后才调用useEffect回调！ 第5节：制作可重复使用样式的模式 可重用样式简介 通过样式道具扩展样式 通过c
zip

create-react-redux-app：基于create-react-app的React样板

react-redux Redux-Saga 一成不变的 React路由器域 react-router-redux devDependencies： 随行（根据Airbnb规则） 预先提交 快速开始 1.克隆项目 # with SSH git clone git@github....
zip

react-tutorial：一个React教程

only ：仅使用Reactreact-only-validation ：在以上版本中添加验证react-flux ：将react-flux引入到仅React版本react-flux-better-organization ：通过添加模块等改进代码结构react-flux-complex ：具有React和通量...
zip

react-render-time:React钩子检查渲染组件所需的时间

React渲染时间React钩子检查渲染所需的时间演示版安装yarn add react-render-time用法import React from "react"import useRenderTime from "react-render-time"const App = ( ) =&gt; { useRenderTime ( "App" ) ...
zip

react-timelines：React时间轴库

npm install react-timelines # or with Yarn yarn add react-timelines 利用 import Timeline from 'react-timelines' const MyWidget = ( ) =&gt; export default MyWidget 造型 使用Webpack 结合使用Webpack和CSS ...
zip

react-use-clipboard:React钩子提供复制到剪贴板的功能

:clipboard: React使用剪贴板 一个提供复制到剪贴板功能的React Hook。 安装 您可以react-use-clipboard NPM或Yarn安装react-use-clipboard 。 npm install react-use-clipboard --save-exact yarn add react-use-...