[{"_id":"674553631b8c712f1378f213","publication":"608c1520dc886b43180040c9","user":{"_id":"608c14eea3716542f363dd56","isDeactivated":false,"numFollowers":0,"hasGoldRing":false,"name":"Dipankar Barman","username":"dipankar-js","tagline":"Creating things on the Web","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1714723310065/7LQBgIiYn.png"},"createdAt":"2024-11-26T04:49:29.231Z","memberName":"Dipankar Barman","memberPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1714723310065/7LQBgIiYn.png","privacyState":"public","role":"author","updatedAt":"2024-11-26T04:49:29.231Z","username":"dipankar-js","latestPosts":[{"_id":"6618e741ccc51d1681ba9db1","views":26,"isActive":true,"type":"story","partOfPublication":true,"responseCount":0,"replyCount":0,"reactions":[],"totalReactions":0,"isPinnedToBlog":false,"title":"Write Clean Code using Custom Hooks in React.","cuid":"cluwd96si000k08l6ega7f3uo","dateAdded":"2024-04-12T07:48:17.442Z","isCoverAttributionHidden":false,"slug":"write-clean-code-using-custom-hooks-in-react","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1624689699514/UTIGkq5LG.jpeg","brief":"After the introduction of hooks in React v16.8, the way we write code in React has changed drastically. We no longer need to write class-based components to manage state inside components. Today we will learn how to leverage custom hooks to write cle...","author":"608c14eea3716542f363dd56","readTime":5,"tags":["56744723958ef13879b95434","5cf529a93ff075303a0e036d","62a23feb23f5f5accf273c50","584879f0c0aaf085e2012086"],"publication":{"_id":"608c1520dc886b43180040c9","betaFeatures":{"newsletter":false,"embeds":false,"csvImport":false,"customCSS":false,"githubAsSource":false,"payments":false},"views":{"today":5,"thisWeek":1,"lastWeek":32,"thisMonth":2,"allTime":786},"stripe":{"connected":false},"numFollowers":0,"badgePageEnabled":false,"newsletterEnabled":false,"textSelectionSharerEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1712102400":1,"1712620800":2,"1712707200":2,"1712793600":2,"1712880000":19,"1712966400":4,"1713052800":5,"1713139200":1,"1713225600":3,"1713484800":10,"1713657600":5,"1713744000":4,"1713830400":5,"1713916800":1,"1714003200":12,"1714089600":2,"1714176000":3,"1714262400":8,"1714348800":4,"1714435200":1},"viewCountVisible":true,"readTimeHidden":false,"customCSSEnabled":true,"domainChecklistSkipped":false,"author":"608c14eea3716542f363dd56","isActive":true,"username":"dipankar","domain":"blog.dipankar.dev","urlPattern":"simple","title":"dipankar.dev","links":{"twitter":"https://twitter.com/dipankar_js","instagram":"","github":"https://github.com/dipankar-js","website":"","hashnode":"","youtube":"","dailydev":"","linkedin":"https://www.linkedin.com/in/dipankar-js/","mastodon":""},"customRules":[],"menu":[{"priority":0,"_id":"60e2e04c4f8e376422a7be53","type":"page","label":"About","page":"60e2e01603707d644a504ba1"}],"__v":0,"imprint":"","imprintMarkdown":"","meta":"JavaScript Developer | MERN/MEAN | AWS","metaHTML":"

JavaScript Developer | MERN/MEAN | AWS

\n","layout":"magazine","hasBadges":true,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1714723024217/JI8mZVzbv.png","logo":"","darkModeLogo":"","fathomCustomDomain":"","fathomSiteID":"","fbPixelID":"","gaTrackingID":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","metaTags":"\n\n","wmPaymentPointer":"","darkModeEnabled":true,"description":"Hi, I am a Full Stack JavaScript Developer having 3 years of experience in building production grade application.I write about JavaScript here and do mentoring & freelancing as a side hustle.","displayTitle":"Dipankar Barman - Designer, Developer & Creator","isAMPEnabled":true,"domainStatus":{"certIssued":true,"ready":true},"wwwPrefixedDomainStatus":{"certIssued":false,"ready":false},"wwwPrefixedDomain":"","domainUpdatedOn":"2024-02-23T14:52:07.593Z","updatedAt":"2024-04-13T08:23:05.410Z","headerColor":"","customCSSDraft":{"home":".blog-title {\n font-family: cursive !important;\n}\n\n.blog-author-container {\n display: none;\n}","post":"","static":"","homeMin":".blog-title{font-family:cursive !important}.blog-author-container{display:none}"},"customCSSPublished":{"home":".blog-title {\n font-family: cursive !important;\n}\n\n.blog-author-container {\n display: none;\n}","post":"","static":"","homeMin":".blog-title{font-family:cursive !important}.blog-author-container{display:none}"},"createdAt":"2021-04-30T14:33:04.000Z","isTeam":true},"dateUpdated":"2024-04-12T07:54:50.124Z"},{"_id":"60e5c65ada792814ac2ab10a","isAnonymous":false,"views":93,"coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1625670905109/2hibvZLjW.png","brief":"Progressive web development has gained popularity in the recent past after Google’s initial proposal in 2015. The USP of progressive web apps is that they make use of the best mobile and web technologies and provide a great user experience.\nWhy are P...","upvotes":0,"tags":["57cbc5d49b3eb82e014a0320","56744722958ef13879b94f1b","56744721958ef13879b94cad"],"responseCount":0,"replyCount":0,"isActive":true,"bookmarkedIn":[],"reactions":[],"totalReactions":0,"reactionsByCurrentUser":[],"isPinnedToBlog":false,"title":"Complete Guide to Progressive Web Apps (PWA)","subtitle":"","type":"story","partOfPublication":true,"publication":{"_id":"608c1520dc886b43180040c9","betaFeatures":{"newsletter":false,"embeds":false,"csvImport":false,"customCSS":false,"githubAsSource":false,"payments":false},"views":{"today":5,"thisWeek":1,"lastWeek":32,"thisMonth":2,"allTime":786},"stripe":{"connected":false},"numFollowers":0,"badgePageEnabled":false,"newsletterEnabled":false,"textSelectionSharerEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1712102400":1,"1712620800":2,"1712707200":2,"1712793600":2,"1712880000":19,"1712966400":4,"1713052800":5,"1713139200":1,"1713225600":3,"1713484800":10,"1713657600":5,"1713744000":4,"1713830400":5,"1713916800":1,"1714003200":12,"1714089600":2,"1714176000":3,"1714262400":8,"1714348800":4,"1714435200":1},"viewCountVisible":true,"readTimeHidden":false,"customCSSEnabled":true,"domainChecklistSkipped":false,"author":"608c14eea3716542f363dd56","isActive":true,"username":"dipankar","domain":"blog.dipankar.dev","urlPattern":"simple","title":"dipankar.dev","links":{"twitter":"https://twitter.com/dipankar_js","instagram":"","github":"https://github.com/dipankar-js","website":"","hashnode":"","youtube":"","dailydev":"","linkedin":"https://www.linkedin.com/in/dipankar-js/","mastodon":""},"customRules":[],"menu":[{"priority":0,"_id":"60e2e04c4f8e376422a7be53","type":"page","label":"About","page":"60e2e01603707d644a504ba1"}],"__v":0,"imprint":"","imprintMarkdown":"","meta":"JavaScript Developer | MERN/MEAN | AWS","metaHTML":"

JavaScript Developer | MERN/MEAN | AWS

Members (1)

Dipankar Barman