注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. react-virtual-container:通过仅在靠近视口时渲染组件来优化您的React应用-源码

  2. React虚拟容器 仅在组件靠近视口时才渲染它们，从而优化您的React应用程序。 目录 介绍 该库使您能够创建“虚拟容器”，仅当“虚拟容器”在视口的给定范围内时，它的子级才会被渲染。这为您提供了一种很好的机制，可以通过这种机制来延迟加载图像或“繁重”的组件。 安装 yarn add react-virtual-container 或者，如果您更喜欢npm： npm install react-virtual-container 例子 在下面的示例中，您将注意到两个虚拟容器。当视口在页面上向下

  3. 所属分类：其它

    • 发布日期：2021-03-21
    • 文件大小：66kb
    • 提供者：weixin_42110362

  1. renderprop-afternoon-源码

  2. 项目总结 在这个项目中，我们将创建一个与高阶组件项目中创建的项目类似的项目。这将被写为渲染道具。重要的是要记住，这是完成同一任务的两种不同模式。在这个项目中，我们将建立一个货币转换器，将外币转换为美元。 步骤1 概括 在这一步中，我们将设置文件结构以使事情井井有条。 指示 Fork并clone该项目 运行npm install 在src文件夹中，创建一个Components文件夹。 打开src/Components 。创建两个新文件： CurrencyConverter.js Currenc

  3. 所属分类：其它

    • 发布日期：2021-03-18
    • 文件大小：162kb
    • 提供者：weixin_42140625

  1. hoc-afternoon-源码

  2. 项目总结 在这个项目中，我们将练习创建一个高阶组件（HOC）。该应用程序将具有与我们将在带有渲染道具的姊妹项目中创建的应用程序相同的常规功能。重要的是要记住，这是完成同一任务的两种不同模式。在这个项目中，我们将建立一个货币转换器，将外币转换为美元。 步骤1 概括 在这一步中，我们将设置文件结构以使事情井井有条。 指示 在src文件夹中，创建一个Components文件夹。 打开src/Components 。创建两个新文件： CurrencyConverter.js CurrencyDisp

  3. 所属分类：其它

    • 发布日期：2021-03-18
    • 文件大小：161kb
    • 提供者：weixin_42106357

  1. flareact:为Cloudflare Workers构建的边缘渲染React框架-源码

  2. Flareact是由Cloudflare Workers支持的边缘渲染React框架。 它受的启发。 这意味着它支持不错的API模式，例如： 基于文件的路由 动态页面路径 使用getEdgeProps获取页面道具的数据 API路线 通用应用程序渲染（工作人员和客户端） 但是，它是全新的！ 因此，还有很多这些东西： 它可能在Windows上不起作用 Next.js团队已经实施了价值数年的优化工作

  3. 所属分类：其它

    • 发布日期：2021-03-17
    • 文件大小：380kb
    • 提供者：weixin_42155721

  1. render-props:用CodeSandbox创建-源码

  2. 渲染道具 用CodeSandbox创建

  3. 所属分类：其它

  1. React_Js_Fundamental_Advance:React_Js_Fundamental_Advance-源码

  2. React Js根本要前进 片段-01 片段有助于将子级列表分组，而无需向DOM添加额外的节点。 默认道具-02 默认道具用于指定默认道具值。 道具类型-03 来源： ：//www.npmjs.com/package/prop-types install：npm install prop-types道具类型可用于验证和检查道具。 React孩子-04 可以使用React Child来模仿额外的componenet 高阶零件-05 高阶组件是传递数据的方式，或从高阶组件到低阶组件提供一

  3. 所属分类：其它

    • 发布日期：2021-03-10
    • 文件大小：201kb
    • 提供者：weixin_42099906

  1. react-async：:bottle_with_popping_cork:灵活的基于Promise的React数据加载器-源码

  2. 轻松处理承诺。 React组件和钩子用于声明式承诺解析和数据获取。 无需假设数据的形状或请求的类型，就可以轻松处理异步过程的每个状态。 与fetch ，Axios或其他数据获取库（甚至GraphQL）一起使用。 零依赖 与promise，async / await和Fetch API一起使用 现在有了实验性的暂记支持 在渲染道具，基于上下文的帮助器组件或useAsync和useFetch挂钩之间进行选择 使用React Async DevTools调试和开发加载序列的每个部分 提供方

  3. 所属分类：其它

  1. 渲染道具-源码

  2. 渲染道具 想象一下您的建筑物和App，哪些人会看到狗并投票。 您将通过API获取狗的照片。 因此，我将创建一个Puppy feed组件。 所以，我要做什么。 GET / API /小狗 表面“加载”微调器 渲染可爱的小狗 如果有错误，则呈现错误 因此，我们有一个组件，我们将dogs ， cats作为道具，然后得到这些图片 现在他们来找你，说他们想要一个UserProfile GET / API /个人资料 表面“加载”微调器 渲染可爱的小狗 如果有错误，则呈现错误 因此，您可以看到此

  3. 所属分类：其它

  1. 为什么要提供道具-源码

  2. 渲染道具React 渲染道具 是指一种使用价值为函数的prop在React组件之间共享代码的技术。 这是一种用于避免逻辑重复的设计模式。 当我们想在组件之间共享相同状态时，渲染道具会派上用场。 组件用来了解要渲染的内容

  3. 所属分类：其它

    • 发布日期：2021-02-21
    • 文件大小：189kb
    • 提供者：weixin_42165583

  1. react-study：这个项目的存在是为了分享一些React模式-源码

  2. 这个项目的存在是为了分享一些React模式 渲染道具

  3. 所属分类：其它

    • 发布日期：2021-02-18
    • 文件大小：179kb
    • 提供者：weixin_42135773

  1. react-instagram-media：:atom_symbol:A React和React Native的组件-源码

  2. react-instagram-media 用于React和React Native的组件。 该项目背后的动机是需要将“ Instagram”内容“嵌入”作为React / React Native应用程序的一部分。 这个库做什么？ 它获取Instagram网页，从那里解析发布数据并显示出来。 格式化并可以使用。 但是，该项目没有说明如何显示数据。 您最清楚它在项目中的外观，这就是我们使用渲染道具的原因。 用法 首先，安装它 npm i react-instagram-media 然后

  3. 所属分类：其它

  1. react-redux-example：React + Redux的基础概念-源码

  2. 学生示范项目 该项目基于 API构建 在这里您可以看到用法的基本概念： React React生命周期方法 React钩 渲染道具 React路由器 Redux 萨加斯 unk Redux动作 重新选择 项目描述 api -api调用 app -有关路由，主要布局的主要组件 components -应用程序的ui组件。 使用钩子和功能组件创建了角色，使用类组件创建了CharacterDetail-使用BrowserAPI生成了位置-功能组件。 store -所有redux和中间件的东西。

  3. 所属分类：其它

    • 发布日期：2021-02-13
    • 文件大小：179kb
    • 提供者：weixin_42143161

  1. learning-react-typescript：使用TypeScript（Hooks，Redux）React样本-源码

  2. 学习React 通过Typescr ipt学习React 目录 功能组成 样式化的组件 React钩 useState useEffect useContext 状态（useReducer） 计数器（useState，useEffect，useCallback） React + Redux 先进技术 渲染道具 故事书 先决条件 入门 git clone --depth=1 https://github.com/locol23/learn-react-typescr ipt.git cd l

  3. 所属分类：其它

    • 发布日期：2021-02-06
    • 文件大小：248kb
    • 提供者：weixin_42116713

  1. react-countup：around围绕CountUp.js的可配置React组件包装器-源码

  2. 围绕配置React组件包装器。 单击查看CodeSandbox。 寻找v3.x文件？ 单击以获取以前的文档。 目录 安装 yarn add react-countup 用法 import CountUp from 'react-countup' ; 简单的例子 这将在渲染时开始从0到100向上计数过渡。 渲染道具示例 < CountUp start = { - 875.039 } end = { 160527.012 } duration = { 2.75 } se

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：340kb
    • 提供者：weixin_42098251

  1. react-url-query：一个用于通过React中URL中的查询参数管理状态的库-源码

  2. ReactURL查询 使用React Hooks吗？ 检出以通过挂钩管理URL查询参数。 更新2019-09-13 已更新为具有HOC和渲染道具解决方案。 我建议将该库用于任何现代查询参数问题，因为它很可能会被更新。 一个通过中URL中的查询参数管理状态的库。 它与和很好地集成在一起，并提供了专门针对URL查询参数中的状态进行序列化和反序列化的其他工具。 使用React URL Query，您可以创建组件，在这些组件中，外部存储（如Redux）的状态与URL的状态没有区别。 动机 开发We

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：250kb
    • 提供者：weixin_42133969

  1. react-adopt：像pro一样组成render props组件-源码

  2. :smiling_face_with_sunglasses: React Adopt-像pro一样组成render props组件 :scroll: 表中的内容 :face_with_monocle: 为什么 是React生态系统的新炒作，这是事实。 因此，当您需要一起使用多个render props组件时，这可能很无聊，并生成称为“ render props回调地狱”的东西，如下所示： :light_bulb: 解 小。 缩小0.7kb！ 非常简单。 只是一个方法！ React Ad

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：64kb
    • 提供者：weixin_42125192

  1. react-sizeme：让您的React组件知道它们的宽度和高度！-源码

  2. 让您的React组件知道它们的宽度和/或高度！ 快如闪电。 :face_with_tongue: 响应组件！ 易于使用。 广泛的浏览器支持。 支持任何组件类型，即无状态/类。 捆绑包的尺寸确实很小。 通过渲染道具模式使用它（支持children或render道具）： import { SizeMe } from 'react-sizeme' function MyApp ( ) { return { ( { size } ) => My width is { si

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：138kb
    • 提供者：weixin_42120541

  1. react-translations-provider：React渲染道具组件，用于设置翻译-源码

  2. React翻译提供者 一个React渲染道具组件，用于设置翻译 yarn add react-translations-provider 例 import React from "react" ; import TranslationProvider , { Translate , Text , } from "react-translations-provider" ; import moment from "moment" ; require ( "moment/locale/d

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：175kb
    • 提供者：weixin_42128558

  1. redux-connect：提供装饰器来解析react-router中的异步道具，对在React中处理服务器端渲染非常有用-源码

  2. ReduxConnect for React路由器 您通常如何请求数据并将其存储到Redux状态？ 您创建的操作将执行异步作业以加载数据，创建reducer将此数据保存为还原状态，然后将数据连接到组件或容器。 通常，这是非常相似的例行任务。 另外，通常我们希望数据被预加载。 特别是如果您要构建通用应用程序，或者只希望页面保持稳定，则在加载数据时不要跳转。 该程序包包括两部分：一部分允许您延迟容器渲染，直到发生一些异步操作为止。 另一个将您的数据存储为redux状态，并将已加载的数据连接到

  3. 所属分类：其它

    • 发布日期：2021-02-04
    • 文件大小：252kb
    • 提供者：weixin_42131601

  1. graphql-hooks：:fishing_pole:最小的钩子优先的GraphQL客户端-源码

  2. 图钩 :fishing_pole: 最小挂钩优先的GraphQL客户端。 产品特点 :1st_place_medal: 一流的钩子API :balance_scale_selector: 小捆绑包：仅7.6kB（2.8 gzip压缩） :page_facing_up: 全面的SSR支持：请参见 :electric_plug: 插件缓存：请参见 :fire: 没有更多的渲染道具地狱 :hourglass_not_done: 轻松处理加载和错误状态 安装 npm install gra

  3. 所属分类：其它

    • 发布日期：2021-02-04
    • 文件大小：538kb
    • 提供者：weixin_42172972
« 12 3 4 5 6 »