React.js Embed Instagram Media on Website Using react-instagram-media Library Full Tutorial with Examples

You are currently viewing React.js Embed Instagram Media on Website Using react-instagram-media Library Full Tutorial with Examples

 

Welcome folks today in this blog post we will be talking about react-instagram-media which will embed instagram media into your website. All the source code of examples are given below.

 

 

Install

 

 

 

 

 

 

Basic Usage

 

 

 

 

 

 

Properties

 

 

 

Prop Required Type Description
uri true string The uri of the post to get fetched
renderItem true function Render prop for each media to be displayed. Receives the media’s data as parameter.
renderMediaList false function Render prop for posts with multiple medias. Helps wrapping them into a swiper. Receives the media list as a parameter.
renderError false function Render prop for a standard error message. This can be useful if you don’t trust Instagram, or this library. Receives the invalid uri as a parameter.
renderLoading false function Render prop for a standard loading message or placeholder.

 

 

Leave a Reply