[Partner Blog Post Submission]

[matteagles]

My Request

Company - codingwithmi

Hello 👋

Below is my outline:

React Suspense For Data Fetching, Learn To Build Efficient Asynchronous UI

Introduction

What is Strapi and a quick look at strapi media library
Features of the Strapi media library
What is data fetching
Why data fetching with React Suspense
Understanding React, use API

Setting Up The Strapi Backend

Install and set up a new Strapi project
Setup Strapi image management and content type (add image fields)
Upload and organise images in Strapi

Setting React Frontend

Create A React Project

Create a React app with Vite
Integrate React with the Strapi through REST API
Build Responsive Frontend Components
Data fetching with Suspense and use API
Build efficient asynchronous UI with Suspense : Lazy loading
Handling Errors with Error Boundary

Handling Media Upload From React Frontend

Implenting image media upload from React to Strapi using uploadthing
creating secured upload foam with image validation.

Conclusion

overview of all that has been learned

@PaulBratslavsky

Thank you.