Skip to content

Instantly share code, notes, and snippets.

@RichardJohnn
Created March 9, 2021 20:25
Show Gist options
  • Save RichardJohnn/e6d4458e0da1a4edb0bc9a1a4803426a to your computer and use it in GitHub Desktop.
Save RichardJohnn/e6d4458e0da1a4edb0bc9a1a4803426a to your computer and use it in GitHub Desktop.
Example HN Story
{
"id": "lFthoYgwXZzfpNWyr5FD",
"tags": [
"react",
"reactjs",
"javascript",
"web-development",
"website-development",
"loading-screen",
"reactjs-loading",
"webdev",
"web-monetization"
],
"markup": "<div class=\"paragraph\">Hey People!\r</div>",
"publishedAt": 1613943161,
"mainImageAttributionLink": null,
"fromSlack": false,
"firstSeenAt": false,
"title": "Step by Step Guide to Create 3 Different Types of Loading Screens in React",
"mainImage": "https://hackernoon.com/images/541r0RExUOQ3nFAQs7oJuST9Axf2-g6aq337h.jpeg",
"slug": "step-by-step-guide-to-create-3-different-types-of-loading-screens-in-react-lu2633nd",
"createdAt": 1613943155,
"wordCount": 1459,
"editor": {
"displayName": "Rianke K",
"id": "vs58yHu80FMCBlLC590ASRmc8Hl1",
"handle": "rianke"
},
"excerpt": "Here I will show you 3 ways to create cool loading screen or preloader in React.",
"profile": {
"github": "coderMaster",
"adText": "Subscribe to my 'Learn to Code' blog!",
"showStatsPublicly": true,
"publicBookmarks": true,
"id": "541r0RExUOQ3nFAQs7oJuST9Axf2",
"bio": "Helping you to learn code! 😜",
"youtube": "CodeBucks",
"avatar": "https://hackernoon.com/images/coder_guy.jpeg",
"twitter": "code_bucks",
"adLink": "",
"adIcon": "fas fa-user-astronaut",
"displayName": "Coder",
"handle": "coder"
},
"images": {
"%2Fimages%2F541r0RExUOQ3nFAQs7oJuST9Axf2-g6aq337h.jpeg": {
"width": 1366,
"height": 657
}
},
"estimatedTime": 6,
"published": true,
"reactions": {
"sections": {},
"total": 6,
"storyReactions": {
"light": 2,
"boat": 0,
"heart": 2,
"money": 2
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment