react-instagram-authless-feed

KO | EN

gitlite — search

#php #hacktoberfest #java #game #python #android #javascript #ios #dns #database #lua #mysql

react-instagram-authless-feed

★ 49 Open GitHub ↗

React component to provide a token-less Instagram feed.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# React Instagram Authless Feed

![ci](https://github.com/jamesmoriarty/react-instagram-authless-feed/workflows/ci/badge.svg) ![GitHub package.json version](https://img.shields.io/github/package-json/v/jamesmoriarty/react-instagram-authless-feed)

## Notice

2021/03 Cross-Origin Resource Sharing (CORS) security improvements have broken the way this library extracts user feed data from Instagram. As a result, I am archiving the project.

## Examples

- [repl.it](https://repl.it/@jamesmoriarty1/SizzlingNonstopCallbacks)
- [jamesmoriarty.xyz](http://www.jamesmoriarty.xyz/react-instagram-authless-feed/)

## Screenshots

![Screenshot](https://raw.githubusercontent.com/jamesmoriarty/react-instagram-authless-feed/master/docs/screenshot.png)

## Install

```
npm install jamesmoriarty/react-instagram-authless-feed#v2.0.0
```

## Props

| Name             | Description                  | Required |
| ---------------- | ---------------------------- | -------- |
| userName         | Instagram user name.         | true     |
| className        | Container css class.         | false    |
| classNameLoading | Container loading css class. | false    |
| limit            | Limit media returned.        | false    |

## Usage

_Please use with caution_ - Instagram's been blocking the workarounds this solution depends on more regularly.

```javascript
import Feed from "react-instagram-authless-feed"
...
ReactDOM.render(
  <Feed userName="jamespaulmoriarty" className="Feed" classNameLoading="Loading" limit="3"/>,
  document.getElementById('root')
);
```

It's recommended to wrap the component in an [Error Boundary](https://reactjs.org/docs/error-boundaries.html) because of Instagram's rate limiting. _See [#12](https://github.com/jamesmoriarty/react-instagram-authless-feed/issues/12)_.

## Development

```
npm start
```

## Test

```
npm test
```

## Release

```
npm run dist
```

## Build App

```
npm run build
```

## Deploy App

```
npm run deploy
```

react-instagram-authless-feed

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README