{"repo":"imgix/react-imgix","free":true,"listed":false,"github":"https://github.com/imgix/react-imgix","clone":"git clone https://github.com/imgix/react-imgix.git","description":"React component to display imgix images","language":"JavaScript","stars":382,"topics":["imgix","srcset","src","images","signing-imgix-urls","react","reactjs","components","hacktoberfest"],"license":null,"category":"ui-components","readme_excerpt":"react-imgix provides custom components for integrating imgix into React sites and generating images server-side. --- - Overview / Resources - Installation - Usage Examples + Basic Use Case + Server-Side Rendering + Flexible Image Rendering + Fixed Image Rendering (i.e. non-flexible) + Background Mode + Picture Support + ImgixProvider Component Advanced Examples + General Advanced Usage + Passing Custom HTML Attributes + Lazy Loading + Low Quality Image Placeholder Technique (LQIP) + Attaching Ref to DOM Elements Props + Shared Props (Imgix, Source) + Picture Props + Background Props Global Configuration + Warnings - Upgrade Guides 8.x to 9.0 7.x to 8.0 - Browser Support - Contributors - Meta Overview / Resources Before you get started with react-imgix , it's highly recommended that you read Eric Portis' seminal article on srcset and sizes . This article explains the history of responsive images in responsive design, why they're necessary, and how all these technologies work together to save bandwidth and provide a better experience for users. The primary goal of react-imgix is to make these tools easier for developers to implement, so having an understanding of how they work will significantly improve your react-imgix experience. Below are some other articles that help explain responsive imagery, and how it can work alongside imgix: - Using imgix with . Discusses the differences between art direction and resolution switching, and provides examples of how to accomplish art dir","default_branch":null,"files":null,"tree":[],"storefront":"/r/imgix","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/imgix/react-imgix/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}