Releases: datocms/react-datocms
Releases · datocms/react-datocms
v4.0.2
v4.0.1
- Fix issue on placeholder with layout="fill" 03e336b
v4.0.0
Changes to ![]()
component
You can now avoid requesting srcSet in the responsiveImage() GraphQL query, as if it's missing, the component will build it internally. This can reduce the overall GraphQL response significantly.
Basically, with v4 your responsiveImage queries can be reduced down to:
responsiveImage(imgixParams: { auto: format }) {
src width height alt base64
}
New props for Image component:
priority: When true, the image will be considered high priority. Lazy loading is automatically disabled, and fetchpriority="high" is added to the image. You should use thepriorityproperty on any image detected as the Largest Contentful Paint (LCP) element. It may be appropriate to have multiple priority images, as different images may be the LCP element for different viewport sizes. Should only be used when the image is visible above the fold.sizes: If you're using this prop, you can avoid requestingsizesin theresponsiveImage()query (it will reduce the overall GraphQL response size).srcSetCandidates: If you're not requestingsrcSetin theresponsiveImage()GraphQL query,srcSetCandidateswill be used to generate the differentsrcsetcandidate strings at various widths. Default candidates are:[0.25, 0.5, 0.75, 1, 1.5, 2, 3, 4].
v3.1.4
- Export ImagePropTypes 8c18f12
v3.1.3
v3.1.1
- Add fuzzySearch parameter 9c2590c
v3.1.0
v3.0.15
- Upgrade dependency 3ed9db4
v3.0.14
- Better types ae15dbe
v3.0.13
- Better types 8695815