{"publication":{"id":"6010ea1ab5b03f4bf00e4730","hashnodeURL":"https://coolhead.in","url":"https://coolhead.in","canonicalURL":"https://coolhead.in","title":"Coolhead","author":{"id":"5f900c5df5dd254fbf5fb430","name":"Pratik Sharma","username":"biomathcode","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1621680626975/Df9DaCPLu.jpeg","coverPhoto":"","__typename":"User","followersCount":115},"preferences":{"logo":"","darkMode":{"logo":"","enabled":false,"__typename":"DarkModePreferences"},"customCSS":{"enabled":false,"staticMin":null,"homeMin":null,"__typename":"CustomCSSPreferences"},"navbarItems":[{"label":"Contact","url":"https://coolhead.in/contact","priority":5,"__typename":"PublicationNavbarItem"},{"label":"Functional Programming","url":"/series/functional-programming","priority":4,"__typename":"PublicationNavbarItem"},{"label":"Scroll","url":"/series/scroll","priority":3,"__typename":"PublicationNavbarItem"},{"label":"Notes","url":"/series/notes","priority":2,"__typename":"PublicationNavbarItem"},{"label":"Sponser","url":"https://coolhead.in/sponsor","priority":0,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":false,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"__typename":"Preferences","layout":"magazine","customCSSDraft":{"homeMin":null,"__typename":"CustomCSSPreferences"}},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1617190759072/Abfh2d9jH.png","headerColor":"#2862ff","metaTags":"\n\n\n\n\n","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"2364125","matomoSiteID":null,"matomoURL":"","gaTrackingID":"UA-157988559-2","plausibleAnalyticsEnabled":false,"wmPaymentPointer":"$ilp.uphold.com/bpR4FR33RgZX","__typename":"PublicationIntegrations"},"postsCount":16,"impressum":"

You can connect with me on Twitter | LinkedIn || github

\n","isTeam":null,"links":{"twitter":"https://twitter.com/BioMathCode","instagram":"https://instagram.com/biomathcode","github":"https://github.com/biomathcode","website":"https://coolhead.in","hashnode":"https://hashnode.com/@biomathcode","youtube":"https://www.youtube.com/channel/UCCE6sKF1Ihe9GtGQjC4e7hA","dailydev":"https://app.daily.dev/biomathcode","linkedin":"https://www.linkedin.com/in/biomathcode/","mastodon":null,"__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"coolhead.in","certIssued":true,"ready":true,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":null,"certIssued":null,"ready":null,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"descriptionSEO":"react developer in india, react native developer in new delhi, react js , js developer. Web developer","about":{"markdown":"Full Stack developer from new delhi, India\n\nHelping startups, bloggers and artists to build their ideas","html":"

Full Stack developer from new delhi, India

Helping startups, bloggers and artists to build their ideas

\n","__typename":"AboutPublication"},"followersCount":null,"ogMetaData":{"image":"","__typename":"OpenGraphMetaData"},"pinnedPost":{"id":"62235365e814324bc83a81d1","title":"Create Infinite Scroll In React","slug":"create-infinite-scroll-in-react","publishDate":"2022-03-05T12:11:17.819Z","cuid":"cl0dt1cjo03kxo5nv8odrb9ns","url":"https://coolhead.in/create-infinite-scroll-in-react","subtitle":"A guide to create infinite scroll in react using react hook.","brief":"Components\nThere are mainly three components of infinite scroll. Fetching data from the paginated api, \nMaintaining the data state on the website and detecting user scroll. \nFetching\nYou can do fetching with Fetch Api or Axios. Your api should have p...","readTimeInMinutes":7,"views":2355,"author":{"id":"5f900c5df5dd254fbf5fb430","username":"biomathcode","name":"Pratik Sharma","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1621680626975/Df9DaCPLu.jpeg","followersCount":115,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1646484051520/PXPFegINd.gif","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":true,"__typename":"PublicationFeatures"},"__typename":"Publication"}}