{"repo":"josealejandro2928/react-image-picker-editor","free":true,"listed":false,"github":"https://github.com/josealejandro2928/react-image-picker-editor","clone":"git clone https://github.com/josealejandro2928/react-image-picker-editor.git","description":"React library for the selection, edition and compression of images in png, jpeg and webp formats This package is made completely with html and css without any extra components or npm packages. It's based in functional components based in hooks, for optimization were used memo, useMemo and useCalback for avoiding any extra-renders.","language":"TypeScript","stars":38,"topics":["compress","image-editing-app","images","react","react-components","reactnpm"],"license":"MIT","category":"ui-components","readme_excerpt":"ReactImagePickerEditor React library for the selection, edition and compression of images in png, jpeg and webp formats This package is made completely with html and css without any extra components or npm packages. It's based in functional components based in hooks, for optimization were used memo, useMemo and useCalback for avoiding any extra-renders. 🚀🚀🚀🚀🚀 Ready to React 18 🚀🚀🚀🚀🚀🚀 Description In many projects it is of interest to upload images for a backend, and sometimes we have to consult other programs for the compression of images and the change of format to improve the performance of the page. With ReactImagePickerEditor this is possible in real time with for each image that you want to upload. Installation or yarn Usages You must import the following where you will use it: Here is an example with different configurations More about the component The ReactImagePickerEditor component has a setting to change the width, length, the aspectRatio, and objectFit properti of the loaded image. In addition to the language ( en es fr de fa ). It also has an initial compression ratio option that by default is null. It is important to note that the quality factor for image compression is only for formats such as: jpeg and webp. The interface looks like this: name type description default --------------- :-----: :--------------------------------------------------------------------------------------------------------------------------------------------------- ------: widt","default_branch":null,"files":null,"tree":[],"storefront":"/r/josealejandro2928","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/josealejandro2928/react-image-picker-editor/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."}