MIST 7571 React Reddit

In this assignment you are tasked with adding a feature in the exis>ng react applica>on

You have a few files

• App.js
• index.html

Once you have made the appropriate replacements and you run the statement npm start in your react project folder you will see the following see image.

You will see a listing of posts from the popular sub-reddit on reddit.com. Your task is the following

• No>ce that there are a few posts whose images are not rendered since there is no data for the thumbnail image
• You are to use concepts in the condi>onal rendering of JSX to render a placeholder image in place the images in those posts who don't have an actual image loca>on.
• You may do this by checking if the value of the thumbnail_height or thumbnail_width are null or if the value of the thumbnail is default or self, if they are then the image if not present and you need to use a place holder other wise render the image in the thumbnail out.

Note, you can do this in a variety of ways so please don't think there is only 1 way to do this correctly. see image.

The submission for this assignment is the App.js file that has the feature requested.