@hamaad/react-instagram-feed

React-Instagram-Feed

React component embedding users Instagram feed

yarn add @hamaad/react-instagram-feed

# or

npm i @hamaad/react-instagram-feed

Screenshots

Live demo

Usage

import Feed from "@hamaad/react-instagram-feed";

<Feed
  userName="javascript.js"
  limit={8}
  clientAccessToken="123|456"
  maxWidth={320}
  maxContainerHeight={510}
  hideCaption={false}
  protocol=""
  injectScript={true}
/>;

Access token is combination of App Id and Client Token. See https://developers.facebook.com/docs/instagram/oembed/#access-tokens for more details.

Errors

If you dont see anything check the Console/Network tab, it usually something wrong with the token...

props

• userName {String} Instagram User Name. Required
• clientAccessToken {String} Instagram Client Access Token. Required
• maxWidth {Number} Max width. Minimum size is 320. Default undefined
• maxContainerHeight {Number} Max continer height. Default 510
• limit {Number} Max limit. Maximum size is 12. Default 12
• hideCaption {Boolean} Default false
• protocol {String} Instagram API script protocol. Default '' same as current protocol
  • This property needed if you use device's file system, for example, Electron, Cordova apps
• injectScript {Boolean} Default true

License

MIT