{"repo":"evenchange4/react-progressive-bg-image","free":true,"listed":false,"github":"https://github.com/evenchange4/react-progressive-bg-image","clone":"git clone https://github.com/evenchange4/react-progressive-bg-image.git","description":"🖼 Medium style progressive background image.","language":"JavaScript","stars":228,"topics":["styled-components","react","progressive-image"],"license":"MIT","category":"media-processing","readme_excerpt":"react-progressive-bg-image Medium style progressive background image for React based on Styled-components. [![Travis][build-badge]][build] [![Codecov Status][codecov-badge]][codecov] [![npm package][npm-badge]][npm] [![npm downloads][npm-downloads]][npm] [![Dependency Status][dependency-badge]][dependency] [![devDependency Status][devdependency-badge]][devdependency] [![peerDependency Status][peerdependency-badge]][peerdependency] [![prettier][prettier-badge]][prettier] [![license][license-badge]][license] Demo https://react-progressive-bg-image.netlify.com/ Responsive example: https://michaelhsu.tw/ [[Source code]](https://github.com/evenchange4/michaelhsu.tw/blob/master/src/components/CoverImage.js#L37-L44) Img tag example: https://mcslite.netlify.com/ [[Source code]](https://github.com/MCS-Lite/mcs-lite/blob/master/packages/mcs-lite-landing-web/src/components/BackgroundImage/BackgroundImage.js) Further Reading: [[English] Reproducing Medium Style Progressive Image Loading for React](https://medium.com/@evenchange4/reproducing-medium-style-progressive-image-loading-for-react-2e83bba0c608). [[中文] React Stack 開發體驗與優化策略](https://medium.com/@evenchange4/react-stack-%E9%96%8B%E7%99%BC%E9%AB%94%E9%A9%97%E8%88%87%E5%84%AA%E5%8C%96%E7%AD%96%E7%95%A5-b056da2fa0aa) Installation Requirements node = 9.4.0 yarn = 1.3.2 react ^16.0.0 , styled-components ^3 Usage Case 1: Inline-style Remind: May need to setup autoprefixer in your project. Case 2: With Styled-components Property Prop Type ","default_branch":null,"files":null,"tree":[],"storefront":"/r/evenchange4","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/evenchange4/react-progressive-bg-image/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."}