RESOURCES / BLOG / React
Results for Tag ‘React’
Smart Invites Made Easy: Automate With Cloudinary and React
Adding names to invitations can be tedious, especially when dealing with large guest lists. But what if you could automate the process with just a simple file upload? In this blog post, we’ll build an invite maker using React and Cloudinary, allowing users to upload a CSV file and automatically…
Read More ->
How to Build a TanStack Start Project for Image Optimization and Uploading
If you’ve been working in the React ecosystem for a while, you’re probably familiar with some of the TanStack libraries like Router or Query. TanStack Start is a new full-stack React framework powered by TanStack Router. It doesn’t yet have all the bells and whistles that…
Read More ->
Building a Responsive Image Component in React Native
Responsive design in the web development world has just become “design.” According to recent data, approximately 96.2% of global internet users access the web from mobile devices, with most using smartphones to go online. It makes sense to be sure your content renders well on mobile devices is a…
Read More ->
Building a Fashion App Using Cloudinary’s GenAI in React and Node.js
The FashionistaAI app uses Cloudinary’s GenAI technologies to create a personalized outfit. All you need to do is upload a picture and FashionistaAI will generate four elegant, streetwear, sporty, and business casual outfits styles to suit your unique preferences. In this blog post we’ll walk you through how we…
Read More ->
How to Create a Blog From an Image Using AI in React
This blog post focuses on how to leverage Cloudinary AI to enhance your content creation workflow by analyzing image content and generating intelligent image captions. These captions will be passed into the ChatGPT API to craft compelling marketing blog posts tailored to the specific vertical of the provided…
Read More ->
Quick Answers, Better Experience: Building a Developer Chatbot With OpenAI, NodeJS, and React
Quick access to accurate information is crucial in a development environment. The solution? Create a powerful chatbot that lives on your website and is designed to enhance the developer experience. Leveraging OpenAI, this chatbot will provide instant answers to queries from your developer documentation, helping users find what they need…
Read More ->
Leveraging React’s Compiler With Cloudinary for Optimized Image Handling
React’s new compiler introduces a groundbreaking advancement in performance optimization by automatically memoizing components and hooks during the build process. This reduces unnecessary re-computations, enhancing the efficiency of updates. Memoization is crucial for optimizing performance, especially in applications with heavy rendering requirements. In this blog post, we’ll explore React’s new…
Read More ->
How to Build an Event Gallery in React With Cloudinary, AWS Rekognition, and Firebase
Image optimization paired with Firebase’s powerful database enhances user experience by accelerating loading times and reducing bandwidth costs. This synergy allows developers to deliver fast, visually engaging experiences, driving higher engagement and conversions. What We’re Building Eventography is a centralized platform for guests to easily upload their best shots to…
Read More ->
Using React Native for Engaging Video Experiences on Mobile Apps
Video helps drive user engagement. When you’re building an app, you can use video to showcase products, provide users with in-depth guides, and encourage customers to share their own reviews. React Native is the tool of choice. Why React Native, you ask? Well, it’s like a superhero for app developers:…
Read More ->
Start Using Cloudinary
Sign up for our free plan and start creating stunning visual experiences in minutes.
Sign Up for Free