Maladaptive/unhealthy perfectionism is the preoccupation with past and future mistakes and fears. The “neat freak,” the person who seems to have it all together who has that perfect Instafeed we “all strive for.” This is usually what most people think of when they hear the word “perfectionist.” It’s the person who has high standards for everything, persists no matter what life throws at them, is goal driven and has perfect organizational skills. This type of perfectionism is usually what’s portrayed in the media. The first of the two different types of perfectionism is adaptive/healthy perfectionism. “Recent generations of young people are more demanding of themselves, perceive that others are more demanding of them, and are more demanding of others,” the article states. Their findings supported that between 19, college students’ levels of self-oriented, socially prescribed and other-oriented perfectionism has increased by statistically significant amounts.
It is fairly simple once you understand how it works, so as always I hope you learnt something new today.There are two different types of perfectionism and then there is obsessive compulsive disorder (OCD). In a sense, perfectionism can hold you back just as much as having OCD.Īccording to an article in the Harvard Business Review, there was a study performed on 41,641 American, Canadian and British college students regarding their level of perfectionism.
#React require instafeed how to#
In today’s article, we have looked at how to use the official Instagram Basic Display API and integrate into our own react app. I will link some additional resource in the reading material if you want to learn more about this approach. There is a big if on this method as I could not really find an official documentation on this method, meaning that the query_hash ID might expire in anytime and since we will not be able to generate one for our own usage you may need to check out your website once in a while just to be safe. Once you obtained a query hash ID, it is possible for you to retrieve any profile’s feed as long as you know their Instagram Profile ID From my research, there’s no official way to generate this ID, luckily you can open up DevTools and use Network tab in XHR and you will find a working ID for your usage. Instead of creating your own long-lived token, you are required to find your own query_hash ID in order to use this. Instagram Basic Display API is fairly straight forward, we will need to call two different API request.įirst to retrieve all available post on the profile, you can use the following: I will link the details at the end of the articles if you are interested. One other alternative that you can try is superagent. npm i axiosįor those that are not familiar with Axios, this is a library that will help us make http request to external resources, this is a really useful library where we often need Axios for API calling and retrieving responses with it.įetch() should work as well if you do not want to have extra dependencies on your project.
#React require instafeed install#
Next we will install some additional libraries for our react application, first we will install Axios. We will be implementing a grid of Instagram Feeds on React with Basic Display API.įirst we will need to create a base react application template with the following command: npx create-react-app react_instafeed If you have not yet obtained a short-lived or long-lived token, I highly recommend you to check out my previous post. In the second part of this series, we will show you on how utilize the Basic Display API and use it on your website.