What is Cloudinary?
Cloudinary is a cloud-based image and video management platform that provides an alternative solution for storing, managing, optimising, and delivering media assets (images and videos) for websites and mobile applications.

Cloudinary offers a wide range of features and functionalities that are designed to simplify the process of handling media assets, improving performance, and enhancing user experience. Before we delve straight into coding it with React, let’s first understand why we might want to use cloud services like Cloudinary.

But Why Cloudinary?
Yes, I know what you are thinking: “why do I have to store my files on an external server?”

Well, unless you have the resources and wherewithal, there are two important reasons why developers prefer cloud storage for their assets:

Speed.
Space.
Speed: Cloudinary integrates with leading CDN providers to ensure fast and reliable delivery of media assets to users worldwide. CDN caching helps reduce latency and improve performance by serving content from edge locations closer to the user’s location.

Space: Cloudinary allows users to upload images and videos to its cloud-based storage infrastructure, eliminating the need for local storage and enabling easy access to media assets from anywhere.
Read more ...
https://blog.codefussion.tech/how-to-upload-image-to-cloudinary-in-react-js-with-react-bootstrap-and-sweet-alert/