bmcmahen / react-thumbnail-zoom

Easy, breezy, beautiful thumbnail transitions for React

I've released a new library that does much the same thing: react-image-enlarger.

react-thumbnail-zoom

React thumbnail zoom makes transitioning from thumbnails to fullscreen images beautiful. It's the same effect you see on Medium.com. Check out the super simple demo.

Install

yarn install react-thumbnail-zoom

import Zoom from 'react-thumbnail-zoom';

const SuperAwesomeImage = () => (
  <Zoom>
    <img src='/super-awesome-image.jpg' />
  </Zoom>
)

react-thumbnail-zoom's Issues

Warning: Unsupported vendor-prefixed style property webkitAppearance

I am getting this warning whenever an image is clicked and made full-screen:

Warning: Unsupported vendor-prefixed style property webkitAppearance. Did you mean WebkitAppearance?
    in button (created by ImageZoom)
    in div (created by ImageZoom)
    in div (created by ImageZoom)

Deprecated lifecycle methods must be replaced to support React 17.x

In React 17.x there are lifecycle methods that will be fully deprecated. This will break compatibility with react-thumbnail-zoom. More info here: https://fb.me/react-async-component-lifecycle-hooks

react-thumbnail-zoom

not working .. when "yarn add react-thumbnail-zoom" there are no any index.js
And also did "npm install" in the module directory. But no luck :-(