{"_id":"61a4df242be89f3d0ab9fdf1","author":{"_id":"61a4de222be89f3d0ab9fddb","name":"Blake Yeboah","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1638194723800/kWRZ4a-_Y.png","username":"BlakeYeboah"},"badgePageEnabled":false,"description":"I write articles about React, JavaScript & Web Development to make your learning journey easier 😀\n","domain":"blog.blakeyeboah.com","domainStatus":{"ready":true,"certIssued":true},"wwwPrefixedDomainStatus":{},"customCSSEnabled":true,"customCSSDraft":{"homeMin":".css-1ktskoi{border-radius:0 !important}.dark .blog-header,:is(.dark .dark\\:bg-slate-900){background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}.blog-header{background:linear-gradient(135deg,#fff 0,#eee 100%);border-bottom:4px solid #855ff6}.blog-nav-active{color:#855ff6 !important}.blog-nav,.blog-nav-active{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.dark .blog-nav{color:#fff}html:not(.dark) .blog-nav{color:#000}html:not(.dark) .blog-nav:hover{background-color:rgba(0,0,0,0.125)}.blog-search-button,.blog-theme-switcher,.blog-social-media-section a,.blog-settings{color:#000}.dark .blog-search-button,.dark .blog-theme-switcher,.dark .blog-social-media-section a,.dark .blog-settings{color:#fff}.dark .blog-author-container{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%)}.blog-author-container{border-bottom:1px solid #a78bfa !important;background:linear-gradient(135deg,#fff 0,#eee 100%)}.blog-post-card-wrapper{padding:2rem;border:1px solid #855ff6;border-radius:0;box-shadow:10px 7px 0 #855ff6;background:linear-gradient(135deg,#fff 0,#eee 100%);position:relative;top:0;transition:.35s ease}.blog-post-card-wrapper:hover{top:-10px;box-shadow:10px 17px #855ff6}.dark .blog-post-card-wrapper{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(18,18,18,1) 100%)}.blog-body{fo background:linear-gradient(135deg,#fff 0,#ddd 100%) !important}.dark .blog-body{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(18,18,18,1) 100%) !important}.css-1nu6jrm{color:#855ff6 !important;border-color:#855ff6 !important}.blog-footer-area{background:rgba(255,255,255,0.7);box-shadow:0 8px 32px 0 rgba(133,95,246,0.2);color:#000 !important}.dark .blog-footer-area{background:#1b1b1b !important;color:#fff !important}.css-2559wl,.css-1v4n890{color:#fff !important}.blog-subscription-form-input{background:transparent !important;border:1px solid #855ff6 !important}.blog-subscription-form-button{background-color:#855ff6 !important;color:#fff !important;transition:.3s ease-in-out !important}.blog-subscription-form-button:hover{background-color:#744ee5 !important}.css-1xdlsmg{border-color:#855ff6 !important}.css-1v71s9u{color:#855ff6 !important}.css-1v71s9u:hover{background-color:rgba(133,95,246,.125) !important}","postMin":".dark .blog-header{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}.blog-header{background:linear-gradient(135deg,#fff 0,#eee 100%);border-bottom:4px solid #855ff6}.blog-nav-active{color:#855ff6 !important}.blog-nav,.blog-nav-active{border-top-left-radius:0 !important;border-top-right-radius:0 !important;color:#000}.dark .blog-nav,.dark .blog-nav-active{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-social-media-section a,.blog-settings{color:#000}.dark .blog-search-button,.dark .blog-theme-switcher,.dark .blog-social-media-section a,.dark .blog-settings{color:#fff}.dark .blog-article-page{background-color:#1e1e1e !important}.blog-post-detail-card{padding-bottom:0 !important}.blog-content-main{background:rgba(255,255,255,0.7);border-radius:0;padding:40px !important;margin-top:40px;margin-right:40px;border-radius:8px;border:1px solid #ccc}.dark .blog-content-main{background:rgba(25,25,25,0.7);border:1px solid #333}.blog-content-main h1,.blog-content-main h2,.blog-content-main h3{color:#855ff6 !important;font-weight:700 !important;letter-spacing:1px !important}.blog-content-main p{font-weight:100 !important}.css-xvvbvv{color:#855ff6 !important;border-color:#855ff6 !important}.blog-footer-area{background:rgba(255,255,255,0.7);box-shadow:0 8px 32px 0 rgba(133,95,246,0.2);color:#000 !important}.dark .blog-footer-area{background:#1b1b1b !important;color:#fff !important}.css-2559wl,.css-1v4n890{color:#fff !important}.css-1s4b5hj{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%)}.blog-subscription-form-button{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:#fff !important}.dark .blog-subscription-form-message{color:white !important}.css-14lmbqe{color:#855ff6 !important}.css-gz01ch,.dark .css-gz01ch{background-color:#855ff6 !important;color:#fff !important}html{scroll-behavior:smooth !important}.dark .css-1i9mn82{background-color:rgba(25,25,25,1) !important}audio::-webkit-media-controls-panel{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%);color:white !important}.css-7kdauc{background:#f1f1f1 !important;color:#000 !important}.dark .css-7kdauc{background:rgba(25,25,25,0.7) !important;color:#fff !important}.css-a7z9ft{color:#000 !important}.dark .css-a7z9ft{color:#fff !important}.css-1kttq0i{background:rgba(255,255,255,0.7);border-radius:0 !important;border:none !important;margin-bottom:10vh !important;border-radius:8px !important;border:1px solid #ccc !important}.dark .css-1kttq0i{background:rgba(25,25,25,0.7) !important;border:1px solid #333 !important}.css-fm96g6{background:#855ff6 !important}.dark code{background-color:rgba(255,255,255,.1) !important}.dark h2 code{color:#855ff6 !important}.css-1tucp93{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:white !important;transition:.2s ease}.css-1tucp93:hover{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;opacity:.75}.dark .css-h2tgbz{background-color:#333 !important}.css-63nn3l,.css-1bfcdnr{color:#855ff6 !important}.css-15j5ktl{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:white !important;transition:.2s ease}.css-15j5ktl:hover{opacity:.75}@media(min-width:768px){.css-aiitj2{width:80% !important}}","staticMin":".css-1ktskoi{border-radius:0 !important}.dark .blog-header{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}.blog-header{background:linear-gradient(135deg,#fff 0,#eee 100%);border-bottom:4px solid #855ff6}.blog-nav-active{color:#855ff6 !important}.blog-nav,.blog-nav-active{border-top-left-radius:0 !important;border-top-right-radius:0 !important;color:#fff}.blog-search-button,.blog-theme-switcher,.blog-social-media-section a,.blog-settings{color:#000}.dark .blog-search-button,.dark .blog-theme-switcher,.dark .blog-social-media-section a,.dark .blog-settings{color:#fff}.dark .css-1jyyrtb{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}.dark .css-1wpdmgh{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(18,18,18,1) 100%) !important}.css-m5glgu{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:#fff !important;transition:opacity .3s ease-in-out !important}.css-m5glgu:hover{opacity:.75 !important}.css-1ajtyzd>button:last-of-type{color:#855ff6 !important}.css-1ajtyzd>button:first-of-type{background-color:#855ff6 !important;color:#fff !important}.dark .blog-footer-area{background:#1b1b1b !important;color:#fff !important}"},"customCSSPublished":{"homeMin":".css-1ktskoi{border-radius:0 !important}.dark .blog-header,:is(.dark .dark\\:bg-slate-900){background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}.blog-header{background:linear-gradient(135deg,#fff 0,#eee 100%);border-bottom:4px solid #855ff6}.blog-nav-active{color:#855ff6 !important}.blog-nav,.blog-nav-active{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.dark .blog-nav{color:#fff}html:not(.dark) .blog-nav{color:#000}html:not(.dark) .blog-nav:hover{background-color:rgba(0,0,0,0.125)}.blog-search-button,.blog-theme-switcher,.blog-social-media-section a,.blog-settings{color:#000}.dark .blog-search-button,.dark .blog-theme-switcher,.dark .blog-social-media-section a,.dark .blog-settings{color:#fff}.dark .blog-author-container{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%)}.blog-author-container{border-bottom:1px solid #a78bfa !important;background:linear-gradient(135deg,#fff 0,#eee 100%)}.blog-post-card-wrapper{padding:2rem;border:1px solid #855ff6;border-radius:0;box-shadow:10px 7px 0 #855ff6;background:linear-gradient(135deg,#fff 0,#eee 100%);position:relative;top:0;transition:.35s ease}.blog-post-card-wrapper:hover{top:-10px;box-shadow:10px 17px #855ff6}.dark .blog-post-card-wrapper{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(18,18,18,1) 100%)}.blog-body{fo background:linear-gradient(135deg,#fff 0,#ddd 100%) !important}.dark .blog-body{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(18,18,18,1) 100%) !important}.css-1nu6jrm{color:#855ff6 !important;border-color:#855ff6 !important}.blog-footer-area{background:rgba(255,255,255,0.7);box-shadow:0 8px 32px 0 rgba(133,95,246,0.2);color:#000 !important}.dark .blog-footer-area{background:#1b1b1b !important;color:#fff !important}.css-2559wl,.css-1v4n890{color:#fff !important}.blog-subscription-form-input{background:transparent !important;border:1px solid #855ff6 !important}.blog-subscription-form-button{background-color:#855ff6 !important;color:#fff !important;transition:.3s ease-in-out !important}.blog-subscription-form-button:hover{background-color:#744ee5 !important}.css-1xdlsmg{border-color:#855ff6 !important}.css-1v71s9u{color:#855ff6 !important}.css-1v71s9u:hover{background-color:rgba(133,95,246,.125) !important}","postMin":".dark .blog-header{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}.blog-header{background:linear-gradient(135deg,#fff 0,#eee 100%);border-bottom:4px solid #855ff6}.blog-nav-active{color:#855ff6 !important}.blog-nav,.blog-nav-active{border-top-left-radius:0 !important;border-top-right-radius:0 !important;color:#000}.dark .blog-nav,.dark .blog-nav-active{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-social-media-section a,.blog-settings{color:#000}.dark .blog-search-button,.dark .blog-theme-switcher,.dark .blog-social-media-section a,.dark .blog-settings{color:#fff}.dark .blog-article-page{background-color:#1e1e1e !important}.blog-post-detail-card{padding-bottom:0 !important}.blog-content-main{background:rgba(255,255,255,0.7);border-radius:0;padding:40px !important;margin-top:40px;margin-right:40px;border-radius:8px;border:1px solid #ccc}.dark .blog-content-main{background:rgba(25,25,25,0.7);border:1px solid #333}.blog-content-main h1,.blog-content-main h2,.blog-content-main h3{color:#855ff6 !important;font-weight:700 !important;letter-spacing:1px !important}.blog-content-main p{font-weight:100 !important}.css-xvvbvv{color:#855ff6 !important;border-color:#855ff6 !important}.blog-footer-area{background:rgba(255,255,255,0.7);box-shadow:0 8px 32px 0 rgba(133,95,246,0.2);color:#000 !important}.dark .blog-footer-area{background:#1b1b1b !important;color:#fff !important}.css-2559wl,.css-1v4n890{color:#fff !important}.css-1s4b5hj{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%)}.blog-subscription-form-button{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:#fff !important}.dark .blog-subscription-form-message{color:white !important}.css-14lmbqe{color:#855ff6 !important}.css-gz01ch,.dark .css-gz01ch{background-color:#855ff6 !important;color:#fff !important}html{scroll-behavior:smooth !important}.dark .css-1i9mn82{background-color:rgba(25,25,25,1) !important}audio::-webkit-media-controls-panel{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%);color:white !important}.css-7kdauc{background:#f1f1f1 !important;color:#000 !important}.dark .css-7kdauc{background:rgba(25,25,25,0.7) !important;color:#fff !important}.css-a7z9ft{color:#000 !important}.dark .css-a7z9ft{color:#fff !important}.css-1kttq0i{background:rgba(255,255,255,0.7);border-radius:0 !important;border:none !important;margin-bottom:10vh !important;border-radius:8px !important;border:1px solid #ccc !important}.dark .css-1kttq0i{background:rgba(25,25,25,0.7) !important;border:1px solid #333 !important}.css-fm96g6{background:#855ff6 !important}.dark code{background-color:rgba(255,255,255,.1) !important}.dark h2 code{color:#855ff6 !important}.css-1tucp93{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:white !important;transition:.2s ease}.css-1tucp93:hover{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;opacity:.75}.dark .css-h2tgbz{background-color:#333 !important}.css-63nn3l,.css-1bfcdnr{color:#855ff6 !important}.css-15j5ktl{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:white !important;transition:.2s ease}.css-15j5ktl:hover{opacity:.75}@media(min-width:768px){.css-aiitj2{width:80% !important}}","staticMin":".css-1ktskoi{border-radius:0 !important}.dark .blog-header{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}.blog-header{background:linear-gradient(135deg,#fff 0,#eee 100%);border-bottom:4px solid #855ff6}.blog-nav-active{color:#855ff6 !important}.blog-nav,.blog-nav-active{border-top-left-radius:0 !important;border-top-right-radius:0 !important;color:#fff}.blog-search-button,.blog-theme-switcher,.blog-social-media-section a,.blog-settings{color:#000}.dark .blog-search-button,.dark .blog-theme-switcher,.dark .blog-social-media-section a,.dark .blog-settings{color:#fff}.dark .css-1jyyrtb{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(24,24,24,1) 100%) !important}.dark .css-1wpdmgh{background:linear-gradient(135deg,rgba(30,30,30,1) 0,rgba(18,18,18,1) 100%) !important}.css-m5glgu{background:linear-gradient(90deg,#a78bfa 0,#855ff6 100%) !important;color:#fff !important;transition:opacity .3s ease-in-out !important}.css-m5glgu:hover{opacity:.75 !important}.css-1ajtyzd>button:last-of-type{color:#855ff6 !important}.css-1ajtyzd>button:first-of-type{background-color:#855ff6 !important;color:#fff !important}.dark .blog-footer-area{background:#1b1b1b !important;color:#fff !important}"},"customRules":[],"darkModeEnabled":true,"darkModeLogo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1646636337047/0CUtEUFkc.png","disableFooterBranding":false,"isSubscriptionModalDisabled":false,"displayTitle":"","fathomCustomDomain":"","fathomSiteID":"","favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1638197173693/-cssFJ-eG.png","fbPixelID":"","gaTrackingID":"UA-154971360-1","hasBadges":true,"headerColor":"#111111","hideMembersPage":true,"hotjarSiteID":"","isTeam":false,"layout":"grid","matomoURL":"","menu":[{"_id":"62d7c3d0ca829b4aca565a46","label":"Sponsor","priority":2,"type":"link","url":"https://blog.blakeyeboah.com/sponsor"},{"_id":"6225a895c705276a2dd2f55f","label":"Portfolio","priority":1,"type":"link","url":"https://www.blakeyeboah.com/"},{"_id":"61e27e15d546507ab0344033","label":"Socials","priority":0,"type":"link","url":"https://linktr.ee/blakeyeboah"}],"metaHTML":"

I write articles about React, JavaScript & Web Development to make your learning journey easier 😀

\n","metaHTMLSanitized":"I write articles about React, JavaScript & Web Development to make your learning journey easier 😀\n","newsletterEnabled":true,"newsletterPageEnabled":false,"ogImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1638367964110/fLppKUC0g.jpeg","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1646636334419/PGx_pFMJW.png","textSelectionSharerEnabled":true,"title":"Blake Yeboah's Blog","urlPattern":"simple","username":"blakeyeboah","viewCountVisible":false,"wmPaymentPointer":"","readTimeHidden":false,"links":{"twitter":"https://twitter.com/BlakeYeboah","instagram":"https://www.instagram.com/blake_yeboah/","github":"https://github.com/Blake-K-Yeboah","website":"https://www.blakeyeboah.com/","hashnode":"https://hashnode.com/@BlakeYeboah","youtube":"","dailydev":"","linkedin":"https://www.linkedin.com/in/blake-yeboah/","mastodon":""},"numPosts":38,"sponsorship":{"content":"

Hi there!

Let me introduce myself, my name is Blake Yeboah.

I am a self taught Front End Developer based in Brisbane, Australia.

I run a blog here on Hashnode that shares useful and help knowledge across all aspects of web development.

I love being able to help people who read my articles and spread my knowledge with the ever-growing developer community.

Any contributions would be greatly appreciated to help me keep writing content.

\n","contentMarkdown":"Hi there!\n\nLet me introduce myself, my name is Blake Yeboah.\n\nI am a self taught Front End Developer based in Brisbane, Australia.\n\nI run a blog here on Hashnode that shares useful and help knowledge across all aspects of web development.\n\nI love being able to help people who read my articles and spread my knowledge with the ever-growing developer community.\n\nAny contributions would be greatly appreciated to help me keep writing content."},"stripe":{"connected":true,"accountId":"acct_1LNYhURFAIkA9xjC","country":"AU"},"umamiWebsiteUUID":"5f5fc7a4-ab26-4191-ad40-babcef7e3670","allowContributorEdits":true}

Subscribe to my newsletter

Recent articles

Don't Make These Common Mistakes While Learning To Code

Understanding Units In CSS

JavaScript DOM Methods You Should Know