{"publication":{"id":"5f4d369be4e2417295cc5461","hashnodeURL":"https://unclebigbay.com","url":"https://unclebigbay.com","canonicalURL":"https://unclebigbay.com","title":"Unclebigbay's 🚀 Blog","displayTitle":null,"descriptionSEO":"Customer Success Engineer @Hashnode\n﹒AMA about using Hashnode\n﹒Developer Advocado 🥑 \n﹒Software Developer👲 \n﹒Web3 Technical Writer ✍ \n﹒Content Creator 👨‍🏫\n","username":"unclebigbay","about":{"html":"

Customer Success Engineer @Hashnode

﹒AMA about using Hashnode

﹒Developer Advocado 🥑

﹒Software Developer👲

﹒Web3 Technical Writer ✍

﹒Content Creator 👨‍🏫

\n","__typename":"AboutPublication"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":true,"__typename":"PublicationFeatures"},"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"id":"5f4d36745cde85738158c193","name":"Ayodele Samuel Adebayo","username":"unclebigbay","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","coverPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1625657307309/xc2sIqrug.jpeg","__typename":"User"},"preferences":{"logo":"","darkMode":{"logo":"","enabled":true,"__typename":"DarkModePreferences"},"customCSS":{"enabled":false,"staticMin":".blog-header{background:#2696e8}.blog-title{color:#fff;white-space:nowrap}.blog-sub-header-nav a{color:#fff}.blog-social-media-section{color:#fff}nav a,blog-nav{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff}.blog-sub-header-nav .blog-nav-active{color:#333;background:#fff}.blog-page-content .blog-page-title{color:#2696e8}.prose hr{border-top:4px dotted #2696e8}","homeMin":".blog-header{background:#2696e8}.blog-title{color:#fff;white-space:nowrap}nav a,blog-nav{color:#fff}.blog-social-media-section{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff}.blog-post-card-title.css-xyh8wp{color:#900c3f}.dark .blog-post-card-title{color:#fff}.blog-sub-header-nav .blog-nav-active{color:#333;background:#fff}.prose h3{display:none}","__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"61ac6b60a375fb2266f3dd57","label":"React","url":"https://unclebigbay.com/series/reactjs","priority":5,"type":"series","series":{"id":"61ac668ba375fb2266f3dcf0","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"61ac6c72b6bca85a26d3ddaf","label":"Tutorials","url":"https://unclebigbay.com/series/tutorials","priority":4,"type":"series","series":{"id":"61ac6b32a375fb2266f3dd4c","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"61ac6ca3a375fb2266f3dd70","label":"Projects","url":"https://unclebigbay.com/series/projects","priority":3,"type":"series","series":{"id":"61ac6c12b6bca85a26d3dda5","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"61ac6ad3b6bca85a26d3dd90","label":"Challenge","url":"https://unclebigbay.com/series/design-and-code-challenge","priority":2,"type":"series","series":{"id":"60cede6e37952431a17131e1","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"61ac6c6aa375fb2266f3dd6a","label":"My Projects","url":"https://unclebigbay.com/series/work-review-and-feedback","priority":2,"type":"series","series":{"id":"608739c4c126f30b01abe235","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"630729740e45d758b7f821af","label":"Buy me a coffee ☕","url":"https://www.buymeacoffee.com/unclebigbay","priority":1,"type":"link","series":null,"__typename":"PublicationNavbarItem"},{"id":"61ac6ab2a375fb2266f3dd41","label":"About Me","url":"https://unclebigbay.com/about","priority":0,"type":"page","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":true,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"customCSSDraft":{"enabled":null,"staticMin":".blog-header{background:#2696e8}.blog-title{color:#fff;white-space:nowrap}.blog-sub-header-nav a{color:#fff}.blog-social-media-section{color:#fff}nav a,blog-nav{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff}.blog-sub-header-nav .blog-nav-active{color:#333;background:#fff}.blog-page-content .blog-page-title{color:#2696e8}.prose hr{border-top:4px dotted #2696e8}","homeMin":".blog-header{background:#2696e8}.blog-title{color:#fff;white-space:nowrap}nav a,blog-nav{color:#fff}.blog-social-media-section{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff}.blog-post-card-title.css-xyh8wp{color:#900c3f}.dark .blog-post-card-title{color:#fff}.blog-sub-header-nav .blog-nav-active{color:#333;background:#fff}.prose h3{display:none}","__typename":"CustomCSSPreferences"},"layout":"magazine","disableFooterBranding":false,"__typename":"Preferences"},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1675361557250/i3TYEeaNm.jpeg","headerColor":"","metaTags":"\n","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"3219990","matomoSiteID":null,"matomoURL":"","gaTrackingID":"G-T05598BSQN","plausibleAnalyticsEnabled":true,"wmPaymentPointer":"$ilp.uphold.com/63QiyxRqA7bP","__typename":"PublicationIntegrations"},"postsCount":94,"impressum":"

Hi 🙋‍♂️, I'm unclebigbay, the author of this blog and I'm glad you made it to my blog, I would like to connect with you, I am active on:

Twitter
LinkedIn

\n","isTeam":false,"links":{"twitter":"https://twitter.com/unclebigbay143","instagram":"https://instagram.com/unclebigbay","github":"https://github.com/unclebay143","website":"https://unclebigbay.dev","hashnode":"https://hashnode.com/@Unclebigbay","youtube":"https://www.youtube.com/@unclebigbay","dailydev":"https://app.daily.dev/unclebigbay","linkedin":"https://www.linkedin.com/in/unclebigbay","mastodon":"https://techhub.social/@unclebigbay","__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"unclebigbay.com","certIssued":true,"ready":true,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":"www.unclebigbay.com","certIssued":true,"ready":true,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"__typename":"Publication","series":{"id":"61ac668ba375fb2266f3dcf0","name":"React","coverImage":"","slug":"reactjs","description":null,"cuid":"ckwswrefb08t1sms19te40v3t","author":{"id":"5f4d36745cde85738158c193","name":"Ayodele Samuel Adebayo","username":"unclebigbay","__typename":"User"},"posts":{"edges":[{"node":{"id":"61800780e0cb9449fc48d302","title":"React Form Validation without State and third Party Packages","slug":"react-form-validation-without-state-and-third-party-packages","publishDate":"2021-11-01T15:28:00.851Z","cuid":"ckvgtgp2303hrm4s15vxg2igf","url":"https://unclebigbay.com/react-form-validation-without-state-and-third-party-packages","subtitle":"","brief":"Forms are technologies used to collect data from users, such as personal information, address, authentication details, credit cards, and many more you can think of.\nForm validations ensure the user provides the right form values while filling a regis...","readTimeInMinutes":5,"views":2074,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":1995,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1638688223969/qHeMeuzho.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"61800780e0cb9449fc48d302_2021-11-01T15:28:00.851Z","__typename":"PostEdge"},{"node":{"id":"61825896fd5d634d016951ba","title":"React useState Hook Explained","slug":"react-usestate-hook-explained","publishDate":"2021-11-03T09:38:30.784Z","cuid":"ckvjbuxxp010v7ls1ad59dlg3","url":"https://unclebigbay.com/react-usestate-hook-explained","subtitle":"","brief":"Hello, my gorgeous friends on the internet 👋 (Dev ed style),\nIn this article, you will learn how to make use of useState hook in your react functional component, with examples to relate with.\nTable of Contents\n\nIntroduction to useState\nHow to use us...","readTimeInMinutes":5,"views":815,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":1995,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1635933119013/hFCjVwFuq.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"61825896fd5d634d016951ba_2021-11-03T09:38:30.784Z","__typename":"PostEdge"},{"node":{"id":"61845e3a10d639095ac86ccc","title":"React Audio Player Implementation","slug":"react-audio-player-implementation","publishDate":"2021-11-04T22:27:06.491Z","cuid":"ckvlir7jm01fuuis16ug02c3m","url":"https://unclebigbay.com/react-audio-player-implementation","subtitle":"Learn to implement Audio Player in React without third-party packages.","brief":"Hello my gorgeous friend, ever wondered how music is being added in a react application? In this tutorial, you will learn how to implement an audio player in a react application.\nTable of Contents\n\nWhat is an audio player\nAdding Audio Player in React...","readTimeInMinutes":4,"views":6067,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":1995,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1636064727783/PCfia2DfB.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"61845e3a10d639095ac86ccc_2021-11-04T22:27:06.491Z","__typename":"PostEdge"},{"node":{"id":"6188571841f03514daf409a2","title":"React Images","slug":"react-images","publishDate":"2021-11-07T22:45:44.279Z","cuid":"ckvptqq130eky4as1cofu2k88","url":"https://unclebigbay.com/react-images","subtitle":"A Quick Guide to using images in React Applications","brief":"Hello my gorgeous friends on the internet 👋, in this article, you will learn how to import images in a react application.\nImages make our website more beautiful and displaying them in a react application is also pretty simple to implement with the H...","readTimeInMinutes":4,"views":357,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":1995,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1636324022082/z59qvs1XJ.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"6188571841f03514daf409a2_2021-11-07T22:45:44.279Z","__typename":"PostEdge"}],"pageInfo":{"endCursor":"6188571841f03514daf409a2_2021-11-07T22:45:44.279Z","hasNextPage":false,"hasPreviousPage":true,"startCursor":"61800780e0cb9449fc48d302_2021-11-01T15:28:00.851Z","__typename":"PageInfo"},"__typename":"PostConnection"},"__typename":"Series"}}}