All Projects → jamesmoriarty → react-instagram-authless-feed

jamesmoriarty / react-instagram-authless-feed

Licence: other
React component to provide a token-less Instagram feed.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to react-instagram-authless-feed

reactjs-portfolio
Welcome to my portfolio react.js repository page.
Stars: ✭ 109 (+118%)
Mutual labels:  react-component, react-app
Surmon.me.native
📱 My blog app, powered by react-native
Stars: ✭ 579 (+1058%)
Mutual labels:  react-component, react-app
React Insta Stories
A React component for Instagram like stories
Stars: ✭ 777 (+1454%)
Mutual labels:  instagram, react-component
Hashtag-Wall-Server
Hashtag wall that displays posts from social media
Stars: ✭ 33 (-34%)
Mutual labels:  instagram
InstaLite
Instagram api not official easy-to-use class, minimal number of features
Stars: ✭ 72 (+44%)
Mutual labels:  instagram
rn instagram clone
React Native Instagram UI Clone & Steemit App
Stars: ✭ 70 (+40%)
Mutual labels:  instagram
instdd
Instagram Photos Download - Save Instagram photos and videos online
Stars: ✭ 16 (-68%)
Mutual labels:  instagram
InstagramLocationScraper
No description or website provided.
Stars: ✭ 13 (-74%)
Mutual labels:  instagram
instagram graph api
This is a version of koala gem which provides commonly used Instagram Graph APIs
Stars: ✭ 28 (-44%)
Mutual labels:  instagram
instagrammer
Get personal RSS feed access to your Instagrams
Stars: ✭ 15 (-70%)
Mutual labels:  instagram
react-windows-ui
Build Windows fluent UI apps using ReactJS. Provides a set of accessible, reusable, and composable React components that make it super easy to create websites and apps.
Stars: ✭ 383 (+666%)
Mutual labels:  react-component
reactodo
Multiple localStorage TODO lists, built with React
Stars: ✭ 28 (-44%)
Mutual labels:  react-app
react-example-paginated-list-infinite-scroll
Follow a React tutorial series with three parts to build a powerful component in React.
Stars: ✭ 43 (-14%)
Mutual labels:  react-component
gorecipe
Aplikasi web serderhana untuk mencari resep masakan khas indonesia yang dibuat menggunakan ReactJS.
Stars: ✭ 20 (-60%)
Mutual labels:  react-app
apollo-instagram-clone
Apollogram | A place where you could share photos, like media, and follow peoples.
Stars: ✭ 24 (-52%)
Mutual labels:  instagram
react-compare-slider
A slider component to compare any two React components in landscape or portrait orientation. It supports custom images, videos... and everything else.
Stars: ✭ 78 (+56%)
Mutual labels:  react-component
Get-instagram-users-info---Any-instagram-account
Dump instagram users info without API.
Stars: ✭ 345 (+590%)
Mutual labels:  instagram
Insta flters with python
With this program you can add hat & glass on your face(it's support multiple faces)
Stars: ✭ 21 (-58%)
Mutual labels:  instagram
react-webpack-starter
A really simple boiler plate for creating react applications bundled by webpack (using ES6+, Babel, SASS and webpack development server) ⚛️
Stars: ✭ 86 (+72%)
Mutual labels:  react-app
instastory.js
This is a jQuery plugin to make it easy to get a feed from instagram. No need of access tokens and other stuff, Only thing needed is jQuery.
Stars: ✭ 36 (-28%)
Mutual labels:  instagram

React Instagram Authless Feed

ci GitHub package.json version

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

Screenshots

Screenshot

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.

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 because of Instagram's rate limiting. See #12.

Development

npm start

Test

npm test

Release

npm run dist

Build App

npm run build

Deploy App

npm run deploy
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].