React Image Integration

Documentation

https://docs.gumlet.com/docs/integration-guides-image


** We have taken our sample code as the starting point in this implementation **


Workflow

00:09 Copy our full sample code as the starting point in App.tsx / App.js

00:32 Copy original domain for desired images

00:44 Add original domain and Gumlet subdomain for desired images in Gumlet config

01:20 Change Image urls to original domain which will replaced dynamically via Gumlet

01:37 Images are now being served via Gumlet with width and dpr params being added dynamically

Copy our full sample code
Copy original domain for desired images
Add original domain and Gumlet subdomain
Change Image urls to original domain
All done!