文件名称：react-image:使用React和GraphCMS的通用延迟加载，自动压缩图像
文件大小：71KB
文件格式：ZIP
更新时间：2024-06-06 02:30:54
JavaScript
@ graphcms /React图像 使用React和GraphCMS进行通用的延迟加载，自动压缩的图像。 •• • 将大图像调整为设计所需的大小。 生成多个较小的图像，以确保设备下载最佳尺寸的图像。 使用功能强大的Filestack API自动压缩和优化图像。 高效地延迟加载图像，以加快初始页面加载速度并节省带宽。 使用“模糊处理”技术或纯背景色在加载图像时显示图像预览。 保持图像位置，以便在图像加载时您的页面不会跳转。 快速开始 这是一个使用静态资产对象的示例。 import React from "react" ; import Image from "@graphcms/react-image" ; const IndexPage = ( ) => { const asset = { handle : "uQrLj1QRWKJnlQv1sEmC"
【文件预览】：
react-image-main
----.eslintrc(416B)
----.github()
--------workflows()
----stories()
--------index.stories.js(975B)
--------vinylbaseImgs.js(2KB)
----yarn.lock(228KB)
----src()
--------Img.js(715B)
--------index.js(8KB)
----.babelrc(28B)
----.npmignore(22B)
----.storybook()
--------config.js(280B)
--------addons.js(86B)
----.prettierrc(43B)
----README.md(9KB)
----index.d.ts(3KB)
----.gitignore(45B)
----package.json(1KB)