{"publication":{"id":"6010ea1ab5b03f4bf00e4730","hashnodeURL":"https://coolhead.in","url":"https://coolhead.in","canonicalURL":"https://coolhead.in","title":"Coolhead","displayTitle":"Pratik Sharma || react developer || new Delhi","descriptionSEO":"react developer in india, react native developer in new delhi, react js , js developer. Web developer","username":"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":206},"preferences":{"logo":"","darkMode":{"logo":"","enabled":true,"__typename":"DarkModePreferences"},"customCSS":{"enabled":true,"staticMin":".dark .blog-article-page{background-color:#222 !important}.dark .css-qeyd4j{background-color:#222 !important}.dark .css-mjg0cr{background-color:#222 !important;border-color:#4b4b4b !important}.dark .css-e3c3ow{background-color:#222 !important;border-color:#4b4b4b !important}.dark .sticked-toc{background-color:#222 !important}.dark .css-12ovoc2{background-color:#222 !important}.dark .css-qeyd4j{background-color:#222 !important}.dark .blog-content-area{background-color:#222 !important;border-color:#4b4b4b !important;width:100%}.dark .blog-page-area{background-color:#222 !important;border-color:#4b4b4b !important;width:100%}.dark .blog-footer-area{background-color:#222 !important;border-color:#4b4b4b !important}","homeMin":".dark .css-12ovoc2{background-color:#222 !important}.dark .css-mjg0cr{background-color:#222 !important;border-color:#4b4b4b !important}.dark .css-qeyd4j{background-color:#222 !important;border-color:#4b4b4b !important}.dark .css-e3c3ow{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-author-container{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-featured-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-content-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-page-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-articles-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-articles-container{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-footer-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-author-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-content-area{background-color:#222 !important;border-color:#4b4b4b !important}","__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"62162d632c936b90065dd4c9","label":"Contact","url":"https://coolhead.in/contact","priority":5,"type":"link","series":null,"__typename":"PublicationNavbarItem"},{"id":"62162d7a2c936b90065dd4d3","label":"Functional Programming","url":"https://coolhead.in/series/functional-programming","priority":4,"type":"series","series":{"id":"6082c566fea38e52a9c5a4c3","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"62162d822c936b90065dd4d8","label":"Scroll","url":"https://coolhead.in/series/scroll","priority":3,"type":"series","series":{"id":"62162c7a2c936b90065dd4b5","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"6221e338c2286341f652a51a","label":"Notes","url":"https://coolhead.in/series/notes","priority":2,"type":"series","series":{"id":"6221e2e1c2286341f652a510","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"6392b3860771b6e5cf4a95fd","label":"Sponser","url":"https://coolhead.in/sponsor","priority":1,"type":"link","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":false,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"__typename":"Preferences","layout":"magazine","customCSSDraft":{"homeMin":".dark .css-12ovoc2{background-color:#222 !important}.dark .css-mjg0cr{background-color:#222 !important;border-color:#4b4b4b !important}.dark .css-qeyd4j{background-color:#222 !important;border-color:#4b4b4b !important}.dark .css-e3c3ow{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-author-container{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-featured-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-content-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-page-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-articles-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-articles-container{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-footer-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-author-area{background-color:#222 !important;border-color:#4b4b4b !important}.dark .blog-content-area{background-color:#222 !important;border-color:#4b4b4b !important}","__typename":"CustomCSSPreferences"}},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1617190759072/Abfh2d9jH.png","headerColor":"#222222","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":22,"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":"www.coolhead.in","certIssued":true,"ready":true,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"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":2673,"author":{"id":"5f900c5df5dd254fbf5fb430","username":"biomathcode","name":"Pratik Sharma","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1621680626975/Df9DaCPLu.jpeg","followersCount":206,"__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":true,"readTime":true,"__typename":"PublicationFeatures"},"__typename":"Publication"}}