Skip to content

RESOURCES / BLOG / React

Results for Tag ‘React’

React Native – Uploading Assets

Topics React, SDK
Read Time

A task that mobile developers don’t enjoy dealing with is uploading a file. It involves setting up a network connection, ensuring the API works correctly, breaking things into smaller parts, creating the request, understanding the response, and testing by using practice runs or checking how different parts work together.

React Native

Uploading Images and Videos in React With the Cloudinary Upload Widget

Topics React, Upload
Read Time

The Cloudinary ecosystem offers a vast array of features and advanced capabilities for managing your media content. However, to harness this power effectively, you must begin by uploading your images and videos to Cloudinary. While you could manually accomplish this task using Cloudinary’s extensive APIs and…

Create a Responsive React Image Component With Cloudinary-React SDKs

Topics Guest Post, Image, Javascript, React, Responsive
Read Time

Images are an important part of the web, so delivering the right image for the right device at the right time while maintaining optimized quality is very important. In this article, we’ll go over a few techniques using Cloudinary-React SDK v2 and JavaScript SDK v2 to apply transformations to our…

Lazy-Load Videos in Next.js Pages

Topics Guest Post, Lazy Loading, Next.js, React, Video
Read Time

Over time, engineering efforts have been put into developing more performant web applications. Jamstack technologies like Next.js came from this need. JAMstack technologies like Next.js emerged from an interest in improving the performance of modern web applications. This article will show you one way to improve…

Zoom and Rotate Image in ReactJS

Topics Guest Post, Image, Javascript, React
Read Time

Zooming means enlarging an image so that the details are more visible. Zooming in on a picture has many wide applications ranging from zooming through a camera lens to zooming in on a photo on the internet. On the other hand, Rotate is an image processing feature that allows us…

Change a Background With Cloudinary and Next.js

Topics API, Image, Javascript, Next.js, Node(JS), React, Serverless, Transform, Upload
Read Time

When dealing with images, often you want to be able to cut out the primary object and change the background, whether that’s a pair of shoes you want to show in your store in a more life-like environment or if you simply want to change the background. But doing this…

Add a Responsive Image Carousel to Your React App

Topics Guest Post, Image, React, Responsive
Read Time

Sliders and carousels are popular ways to display web content such as testimonials, portfolio media, e-commerce sales, and so on for a variety of reasons, including their ability to moderate space usage on your website and interactively display these types of content, provide a great way to tell a story,…

Convert Images to PDF Files With React-to-PDF Using Cloudinary

Topics Guest Post, Image, React
Read Time

From conveying deep messages to preserving memories and everything in between, images have become integral to the human experience. In this article, we’ll look at how to save uploaded images into a PDF file, making it easier to share multiple images without spamming the recipient while taking up less memory.

Autoplay a Video on a Next.js Landing page

Topics Guest Post, Next.js, Player Video, React, Video
Read Time

In modern web pages and platforms, a less than stellar user experience could lead to a significant drop in conversion. This can be said for media content, including videos and images. So how do you improve the user experience of video content on your application? This article outlines how to…

Start Using Cloudinary

Sign up for our free plan and start creating stunning visual experiences in minutes.

Sign Up for Free