React.js Embed Instagram API Post in App Using react-instagram-embed Library Full Tutorial For Beginners 2020

 

Welcome folks today in this blog post I will be embeding instagram api post in react.js app using react-instagram-embed library full tutorial for beginners. All the source code of the application is given below. A step by step youtube video is given below.

 

 

 

 

 

Get Started

 

npm i react-instagram-embed

 

 

After installing this library we need to make the app.js file and copy paste the following code

 

 

import React from "react";
import "./styles.css";
import InstagramEmbed from 'react-instagram-embed';


export default function App() {
  return (
    <div className="App">
      <InstagramEmbed
  url='https://instagr.am/p/Zw9o4/'
  maxWidth={500}
  hideCaption={true}
  containerTagName='div'
  protocol=''
  injectScript
  onLoading={() => {}}
  onSuccess={() => {}}
  onAfterRender={() => {}}
  onFailure={() => {}}
/>
    </div>
  );
}

 

READ  React.js Hooks Advanced Maths Scientific Calculator Using Javascript Full Project For Beginners

 

 

 

Leave a Reply