In the second part of this series, we will show you on how utilize the Basic Display API and use it on your website.

If you have not yet obtained a short-lived or long-lived token, I highly recommend you to check out my previous post. We will be implementing a grid of Instagram Feeds on React with Basic Display API.

First we will need to create a base react application template with the following command:

npx create-react-app react_instafeed

next we will install some additional libraries for our react application, first we will install Axios.

npm i axios

For those that…


Have you ever wondered on how you could implement your own custom Instagram feed/Photo wall on your website? I recently had a chance to work on creating a custom react component to display the latest Instagram feed on a website, and I would like to share with you guys on the process.

What are the benefits of adding Instagram feeds to your website/application?

I am glad that you asked, here are the top two reasons that I think why adding Instagram feeds to your application is important:

Increase user time spent on site

When we are building a website, one of the main measurement that we will use is always the tracking time spent on our website…


In this article today, we will explore how to build a website with React framework. Feel free to check out on my articles on how to deploy your own react application to the internet. Which you can find it here, both Netlify and Firebase.

Let’s have a quick recap.

What is React? React is a front-end JavaScript library that is used for building user interfaces or UI components. For more information you may check out both Wikipedia and Official React Website.

Create react app and install necessary library

I have assume that you have both npm and react installed on your machine. …


In today’s article, we will learn how to deploy a basic react app on Firebase. If you have not read my previous article (link), feel free to do so as I have shown how you can host your very own react app on Netlify.

What is Firebase?

Developed and maintained by Google, Firebase is a platform created for developers to create mobile and web applications. Similar to Netlify, this is a place where user can harness the latest serverless technology to develop and deploy your own application. For more details you can check out their website.

Build and deploy in 7 easy steps

That’s right! With just a few easy…


Introduction

One of the trending words in web development is serverless since the rise of lambda functions, making it a viable options when building and deploying your new web application. In this article, we will learn how to create and deploy react app with Netlify.

Why React ?

Back then, I wanted to look for an alternative for WeChat Mini Program where I can have a website that also serves an phone application, that is when I found React and decided to use it for my learning. PWA is also the main selling point for me to go for react, with the current advancement…

Ming Sheng Choo

Loves anything about web app and data science.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store