DEV Community

Cropping and resizing images in React

Sharon Gomez on September 15, 2020

In my last post I wrote about how I struggled with images clogging up my Firebase Database/Storage. One of the ways that helped decrease the file s...
Collapse
 
valentinhervieu profile image
Valentin Hervieu

React-easy-crop author here, thanks for this really cool tutorial 🎉

Collapse
 
sharong profile image
Sharon Gomez

hey thanks so much! it's a super useful repo haha 😄

Collapse
 
trakyrichard profile image
Traky Richard BLM

please can we have the repository of the project?

Collapse
 
sharong profile image
Sharon Gomez
Collapse
 
trakyrichard profile image
Traky Richard BLM

Thanks

Collapse
 
shaancodes profile image
Shaan Alam

Hey, can you tell whether the picture retains its quality after cropping or not? Becuase, I have used other libraries and they seem to decrease the picture quality after cropping the image ... thanks !

Collapse
 
shubhamkhandodia profile image
shubhamkhandodia

Hey Sharon , I'll start off by saying that the article was really articulate and helpful , Although if it's ok could you please also attach the css that you used because i tried using it in a popup modal and the photo cropping component takes up the whole space and the submit button becomes invisible .

Collapse
 
isakzayane profile image
IsakZayane

Thank you for this! Really helped me out!

Collapse
 
sharong profile image
Sharon Gomez

glad i could be of some help! 😄

Collapse
 
yahayaa90199430 profile image
yahaya ahmad

thanks

Collapse
 
sharong profile image
Sharon Gomez

np, glad i could help! 😁

Collapse
 
ruanmiguel profile image
Ruan-Miguel

Nice article, thanks for sharing! I have build one crop plugin, check it out: jsuites.net/v3/image-cropper

Collapse
 
brunot profile image
Bruno

Amazing! I'm def using this on a project I'm working on.

Collapse
 
sharong profile image
Sharon Gomez

glad i could help! thanks for reading 😃

Collapse
 
blacksmoke26 profile image
Junaid Atari

I also created a standalone plugin,

You can try it out:
github.com/blacksmoke26/react-crop...

Collapse
 
ridoansaleh profile image
Ridoan

I found this has a better feature: github.com/react-cropper/react-cro...