insta-react

[DEPRECATED] Insta-react

[Warning] Insta-react will no longer function due to the new CORS policy Instagram has added to the endpoint the component used to get data. Please migrate to using Instagram's basic display API here: https://developers.facebook.com/docs/instagram-basic-display-api

Insta-react is a simple React component for displaying instagram account or hashtag post images.

Github Repo

NPM

Installation

Insta-react can be installed with both npm and yarn as usual.

npm install insta-react

yarn add insta-react

And then can be imported into your project.

import InstaReact from "insta-react";

Configuration

Insta-react takes the following props for configuration:

Prop	Type	Default	Function
tag	String	N/A, Required	The username or hashtag that you would like posts to be pulled from hashtags should be prefixed with '#'.
quantity	Integer	4	The number of posts you would like to be shown.
cols	Integer	4	The number of posts to be shown in a row before wrapping.
links	Boolean	false	When true, clicking on a post image will link to it on Instagram
descriptions	Boolean	false	When true, post captions will be shown for each post.

Example

import React from 'react';
import InstaReact from 'insta-react';

const App = () => {
    return(
        <div>
            An account feed, latest 6 posts, 5 columns.
            <InstaReact tag="redsquirrelstudio" quantity={6} cols={5} />
            
            A hashtag feed, with defaults
            <InstaReact tag="#programming" />
        </div>
    )
}

This component is also available for Vue.js here: https://www.npmjs.com/package/insta-vue