DEV Community

Create an Image Magnifier with React

Anxiny on May 02, 2021

Today, let's create a simple image magnifier component. First, let's create the basic structure of the component. function ImageMagnifier({ s...
Collapse
 
drarig29 profile image
Corentin Girard

This line is beautiful:

const [[x, y], setXY] = useState([0, 0]);
Enter fullscreen mode Exit fullscreen mode
Collapse
 
aliiiu profile image
Aliu Salaudeen

I had to create an account to say a very big thank you! A very good article! works like magic!

Collapse
 
dev_emmy profile image
nshimiye_emmy

nice article

Collapse
 
javadgt profile image
javad gt

i love it

Collapse
 
dev_emmy profile image
nshimiye_emmy • Edited

could you please make an article on how to create side by side Image magnifier like how amazon does using react, that would be great. Thanks

Collapse
 
anxiny profile image
Anxiny • Edited

You can set the left and top of magnifier at any position you need it to be

Collapse
 
santokhan profile image
Santo Khan

amazing design

Collapse
 
bajwolf profile image
Bajro

Good job I love it <3

Collapse
 
sabbir2609 profile image
sabbir2609

client-side-unvalidated-url-redirection Allowing unvalidated redirection based on user-specified URLs

Collapse
 
lanr3waju profile image
Abass Abdul Wasi Olanrewaju

This is a great article, I've tried using libraries but I couldn't customize it to fit my use-case, this is perfect, thank you

Collapse
 
syahbes profile image
Shlomi Yahbes

THANK YOU !✨🏆🏆

Collapse
 
jagch profile image
José GCH

Thanks man

Collapse
 
elmarmori profile image
Moath Elmarmori

and the award to the best tutorial ever goes to ❤️❤️

Collapse
 
nicklasholmqvist profile image
Nicklas-Holmqvist

Great tutorial, why install packages when the internet is full of great devvies :)