{"tag":{"id":"56744722958ef13879b94f1b","name":"Web Development","logo":"https://res.cloudinary.com/hashnode/image/upload/v1450469658/vdxecajl3uwbprclsctm.jpg","slug":"web-development","tagline":null,"__typename":"Tag"},"publication":{"__typename":"Publication","id":"5ebd7c02acf8911d7951ed49","url":"https://lo-victoria.com","canonicalURL":"https://lo-victoria.com","urlPattern":"SIMPLE","title":"Articles by Victoria Lo","displayTitle":"Blogging and Web Development | Articles by Victoria Lo","hasBadges":true,"descriptionSEO":"Providing beginner-friendly tutorials for new programmers on JavaScript, React, Blogging, Software Development, Web Development and more!","about":{"html":"

Building Communities of Lifelong Learners and...\nJust a nerd who loves building projects and sharing knowledge on this blog.

\n","text":"Building Communities of Lifelong Learners and...\nJust a nerd who loves building projects and sharing knowledge on this blog.\n","__typename":"Content"},"features":{"newsletter":{"isEnabled":true,"__typename":"NewsletterFeature"},"viewCount":{"isEnabled":false,"__typename":"ViewCountFeature"},"readTime":{"isEnabled":false,"__typename":"ReadTimeFeature"},"textSelectionSharer":{"isEnabled":true,"__typename":"TextSelectionSharerFeature"},"customCSS":{"isEnabled":true,"published":{"__typename":"CustomCSS","homeMinified":"a{font-weight:300}.dark #__next>div>div:nth-child(2)>div>div>div>div.w-full.md\\:flex-1>div.flex.flex-row.flex-wrap.items-center.mb-2.justify-between>h3>a{color:white}.blog-posts-wrapper{justify-content:space-between}.blog-author-area{max-height:0;overflow:hidden;animation:slideIn;animation-fill-mode:forwards;animation-duration:2s}@keyframes slideIn{0%{max-height:0}100%{max-height:500px}}.css-jwlm5c{flex-direction:row !important}.css-1uxkh7x{width:auto !important;align-items:flex-start !important;padding-left:3rem}.css-jjmvev{align-items:flex-start !important}.css-5gqbbk{text-align:left !important}.blog-post-card{transition:.6s;width:46% !important;padding:1.2rem !important;background:rgba(255,255,255,0.4);border-radius:12px;border:1px solid rgba(255,255,255,0.18)}.dark .blog-post-card{background:#e3e3e31a}.blog-post-card:hover{box-shadow:0 8px 32px 0 rgb(31 38 135 / 37%)}.dark .blog-post-card:hover{box-shadow:0 8px 32px 0 rgb(255 255 255 / 37%)}.post-cover{border:0}.blog-impressum h3{display:none}.blog-post-card-time{display:none}","postMinified":".font-bold{font-weight:300}.blog-impressum h3{display:none}#frame-add{height:400px !important}","staticMinified":"#__next>div>div>div>div>h1{font-weight:300}.blog-impressum h3{display:none}"},"draft":{"__typename":"CustomCSS","homeMinified":"a{font-weight:300}.dark #__next>div>div:nth-child(2)>div>div>div>div.w-full.md\\:flex-1>div.flex.flex-row.flex-wrap.items-center.mb-2.justify-between>h3>a{color:white}.blog-posts-wrapper{justify-content:space-between}.blog-author-area{max-height:0;overflow:hidden;animation:slideIn;animation-fill-mode:forwards;animation-duration:2s}@keyframes slideIn{0%{max-height:0}100%{max-height:500px}}.css-jwlm5c{flex-direction:row !important}.css-1uxkh7x{width:auto !important;align-items:flex-start !important;padding-left:3rem}.css-jjmvev{align-items:flex-start !important}.css-5gqbbk{text-align:left !important}.blog-post-card{transition:.6s;width:46% !important;padding:1.2rem !important;background:rgba(255,255,255,0.4);border-radius:12px;border:1px solid rgba(255,255,255,0.18)}.dark .blog-post-card{background:#e3e3e31a}.blog-post-card:hover{box-shadow:0 8px 32px 0 rgb(31 38 135 / 37%)}.dark .blog-post-card:hover{box-shadow:0 8px 32px 0 rgb(255 255 255 / 37%)}.post-cover{border:0}.blog-impressum h3{display:none}.blog-post-card-time{display:none}","postMinified":".font-bold{font-weight:300}.blog-impressum h3{display:none}#frame-add{height:400px !important}","staticMinified":"#__next>div>div>div>div>h1{font-weight:300}.blog-impressum h3{display:none}"},"__typename":"CustomCSSFeature"},"gptBotCrawling":{"__typename":"GPTBotCrawlingFeature","isEnabled":false},"__typename":"PublicationFeatures"},"metaTags":"","ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1595258065636/tpUb85GJk.png","__typename":"OpenGraphMetaData"},"author":{"__typename":"User","id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg"},"preferences":{"__typename":"Preferences","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607028151322/9o8_5ImaK.png","darkMode":{"__typename":"DarkModePreferences","logo":null,"enabled":true},"navbarItems":[{"__typename":"PublicationNavbarItem","id":"604810c1c64c63545921cb9e","label":"About","url":"https://lo-victoria.com/about","type":"page","series":null,"page":{"__typename":"StaticPage","id":"5ec9257fa7a2c43b12377bb0"}},{"__typename":"PublicationNavbarItem","id":"609275d4b97aec7542ba657d","label":"Blogging","url":"https://lo-victoria.com/series/victorias-blogging-tips","type":"series","series":{"__typename":"Series","id":"5f89bf47d7dc0b17a97a22e7"},"page":null},{"__typename":"PublicationNavbarItem","id":"6048111c7f43655434aaf557","label":"Node.js","url":"https://lo-victoria.com/series/nodejs-rest-api","type":"series","series":{"__typename":"Series","id":"5f105d5261fb3d25a2d43052"},"page":null},{"__typename":"PublicationNavbarItem","id":"60fd1af831552277811ae84d","label":"GraphQL","url":"https://lo-victoria.com/series/graphql","type":"series","series":{"__typename":"Series","id":"6065c83ffad5042228d35d26"},"page":null},{"__typename":"PublicationNavbarItem","id":"61e0ba86d546507ab03419cf","label":"React Hooks","url":"https://lo-victoria.com/series/a-look-at-react-hooks","type":"series","series":{"__typename":"Series","id":"5fcc9d99f9aad2092499a61b"},"page":null},{"__typename":"PublicationNavbarItem","id":"604813afc64c63545921cbee","label":"Favourites","url":"https://lo-victoria.com/read-more","type":"page","series":null,"page":{"__typename":"StaticPage","id":"5f4ea95650b5c61ec6ef49cd"}},{"__typename":"PublicationNavbarItem","id":"609527b7d2b17b7fc35f30b0","label":"Support","url":"https://lo-victoria.com/sponsor","type":"link","series":null,"page":null},{"__typename":"PublicationNavbarItem","id":"614c99f4544e242e0c93f097","label":"DevOps/MLOps","url":"https://lo-victoria.com/devops","type":"page","series":null,"page":{"__typename":"StaticPage","id":"5fcec3143c92041bab27dc08"}},{"__typename":"PublicationNavbarItem","id":"63d1233f79a109e4ff159e58","label":"Resources","url":"https://lo-victoria.com/resources","type":"page","series":null,"page":{"__typename":"StaticPage","id":"6007745c094f2b30301de2ef"}},{"__typename":"PublicationNavbarItem","id":"604632b9d0457f4d5c583408","label":"Nerd Stuff","url":"https://lo-victoria.com/nerd-stuff","type":"page","series":null,"page":{"__typename":"StaticPage","id":"5f13964ea1826244e3d833ef"}}],"enabledPages":{"__typename":"PagesPreferences","badges":false,"newsletter":true,"members":null},"layout":"grid","disableFooterBranding":false,"isSubscriptionModalDisabled":false},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984904615/AvlfZBL8d.jpg","headerColor":"#e3e3e3","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","gaTrackingID":"G-YKLG29H9N6","gTagManagerID":null,"plausibleAnalyticsEnabled":null,"wmPaymentPointer":"$ilp.uphold.com/BkFEP7ajLX87","__typename":"PublicationIntegrations"},"imprintV2":{"__typename":"Content","html":"

🎙️ RagTech Podcast | Greenroots Blog | Idris Olubisi

\n"},"postsCount":{"totalDocuments":212,"__typename":"PublicationPostConnection"},"isTeam":false,"links":{"twitter":"https://twitter.com/lo_victoria2666","instagram":"https://www.instagram.com/ragtechdev/","github":"https://github.com/victoria-lo","website":"https://lo-victoria.com/","hashnode":"https://hashnode.com/@victoria","youtube":"https://www.youtube.com/channel/UCGrEsNzKfXjuKDTmpv5nTvg","dailydev":null,"linkedin":"https://www.linkedin.com/in/victoria2666/","mastodon":null,"facebook":null,"__typename":"PublicationLinks"},"domainInfo":{"__typename":"DomainInfo","hashnodeSubdomain":"victoria","domain":{"__typename":"DomainStatus","host":"lo-victoria.com","ready":true},"wwwPrefixedDomain":null},"redirectionRules":[],"totalRecommendedPublications":5,"sponsorship":{"content":{"html":"

Hi there! 👋 Thanks for checking out this page. If it is okay with you, please read a little longer.

📖 My Story

In 2019, I was an ordinary adult who love programming as a hobby. I never thought of pursuing a career in tech, nor did I think I can ever make it in the industry as a \"self-taught\" programmer.

2020 was a big hit to all of us. I struggled with some health issues and had to take a break. After recovering, I started to freelance as a web developer, mainly helping small local businesses in my community. It was then I realized that what started as a hobby when I was young had turned into passion and deep curiosity in the field.

So I took a leap of faith and switched my career from finance to software/web development. At first, it was really hard to stand out with my resume. As a small freelancer without a formal education in Computer Science, my resume had no substance and impact to potential employers. But it all changed after I started this blog...

🎯 An Eternal Mission

Today, I am still an ordinary adult who love programming. The difference is that I love writing now too! The topics I write vary from technical articles relating to web development to blogging tips to empower new writers.

My purpose of writing on this blog is simple: to help the community and learn new things every day together.

It's always super rewarding to read a comment or post that my article helped inspire someone's motivations, goals and journey, or just made them smile. Providing great value to others is what I consider as the ultimate and eternal mission of this blog.

🔥 Wow! Still here?

Thank you so much for taking your time to read this long page.

I have been writing non-stop on this blog since May 2020. As you know, it takes a lot of concentration, discipline, time management and hard work; so your support would mean a lot to me, as it tells me that I am on the right track.

If you are willing to support my blog and its mission, please consider sponsoring me or buy me a cup of tea 😇~

Also, please feel free to reach out or connect via Twitter, GitHub or LinkedIn.

If you have any questions, my inbox is always open! Shoot an email anytime!

Stay safe and stay tuned for my next articles! Cheers!

Sincerely, a tea-loving nerd 🍵

\n","markdown":"Hi there! 👋 Thanks for checking out this page. If it is okay with you, please read a little longer.\n\n## 📖 My Story\nIn 2019, I was an ordinary adult who love programming as a hobby. I never thought of pursuing a career in tech, nor did I think I can ever make it in the industry as a \"self-taught\" programmer.\n\n2020 was a big hit to all of us. I struggled with some health issues and had to take a break. After recovering, I started to freelance as a web developer, mainly helping small local businesses in my community. It was then I realized that what started as a hobby when I was young had turned into passion and deep curiosity in the field. \n\nSo I took a leap of faith and switched my career from finance to software/web development. At first, it was really hard to stand out with my resume. As a small freelancer without a formal education in Computer Science, my resume had no substance and impact to potential employers. But it all changed after I started this blog...\n\n## 🎯 An Eternal Mission\nToday, I am still an ordinary adult who love programming. The difference is that I love writing now too! The topics I write vary from technical articles relating to web development to blogging tips to empower new writers.\n\nMy purpose of writing on this blog is simple: **to help the community and learn new things every day together.**\n\nIt's always super rewarding to read a comment or post that my article helped inspire someone's motivations, goals and journey, or just made them smile. **Providing great value to others** is what I consider as the ultimate and eternal mission of this blog.\n\n## 🔥 Wow! Still here?\nThank you so much for taking your time to read this long page. \n\nI have been writing non-stop on this blog since May 2020. As you know, it takes a lot of concentration, discipline, time management and hard work; so your support would mean a lot to me, as it tells me that I am on the right track.\n\nIf you are willing to support my blog and its mission, please consider sponsoring me or [buy me a cup of tea](https://www.buymeacoffee.com/victoria2666) 😇~\n\nAlso, please feel free to reach out or connect via [Twitter](https://twitter.com/lo_victoria2666), [GitHub](https://github.com/victoria-lo) or [LinkedIn](https://www.linkedin.com/in/victoria2666/). \n\nIf you have any questions, my inbox is always open! Shoot an [email](mailto:victoria-lo@hotmail.com) anytime!\n\nStay safe and stay tuned for my next articles! Cheers!\n\n\n#### Sincerely, a tea-loving nerd 🍵","__typename":"Content"},"stripe":{"connected":true,"accountId":"acct_1IlvwTGIJcWC5em3","country":"SG","__typename":"StripeConfiguration"},"__typename":"PublicationSponsorship"},"pro":{"hasProAccess":true,"__typename":"PublicationProInfo"},"allowContributorEdits":true,"posts":{"edges":[{"node":{"__typename":"Post","id":"6479d9e7eafd38ddc2c92b98","title":"A Look At React Hooks: useSyncExternalStore","slug":"a-look-at-react-hooks-usesyncexternalstore","publishedAt":"2023-06-02T12:00:39.283Z","cuid":"clieikebq0h9lyanv1d5yezso","url":"https://lo-victoria.com/a-look-at-react-hooks-usesyncexternalstore","subtitle":"An awesome library Hook to integrate non-React state management in your apps!","brief":"Welcome to another article of A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's learn about the useSyncExternalStore Hook. It is a useful Hook for when you need to integrate non-React state management in your ap...","readTimeInMinutes":5,"views":4998,"author":{"__typename":"User","id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":24702},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1685595602596/1bd44e84-1bc7-45bd-a266-185ebc88d780.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjQ3OWQ5ZTdlYWZkMzhkZGMyYzkyYjk4XzIwMjMtMDYtMDJUMTI6MDA6MzkuMjgzWg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"645e2eca8e9b452175a58b0c","title":"A Look At React Hooks: The New `use` Hook","slug":"a-look-at-react-hooks-the-new-use-hook","publishedAt":"2023-05-12T12:19:22.237Z","cuid":"clhkizksd000509la4x8gabk1","url":"https://lo-victoria.com/a-look-at-react-hooks-the-new-use-hook","subtitle":"A new and life-changing Hook coming soon for React!","brief":"Welcome to another article of A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's learn about the use Hook. That's right, that's the Hook name.\nNote that this Hook is not yet available officially in React. If you ...","readTimeInMinutes":3,"views":7995,"author":{"__typename":"User","id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":24702},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1679453128498/50d52599-0513-46e5-8b87-62d02445710b.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjQ1ZTJlY2E4ZTliNDUyMTc1YTU4YjBjXzIwMjMtMDUtMTJUMTI6MTk6MjIuMjM3Wg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"63e631e7db59c3f72b9f4c38","title":"Vitest: Blazing Fast Unit Test Framework","slug":"vitest-blazing-fast-unit-test-framework","publishedAt":"2023-02-10T12:00:39.015Z","cuid":"cldyh8zjm099wfnnv5hr6htg0","url":"https://lo-victoria.com/vitest-blazing-fast-unit-test-framework","subtitle":"A comprehensive introduction to the Vite-powered unit test framework.","brief":"If you have heard of Vite, then you have probably heard of Vitest, the fast unit test framework built from it. In this article, let's explore what Vitest is, how to use it and why it can be the next test framework for your apps.\nWhat is Vitest\nBefore...","readTimeInMinutes":7,"views":5387,"author":{"__typename":"User","id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":24702},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1667181983157/TUP3D3e7s.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjNlNjMxZTdkYjU5YzNmNzJiOWY0YzM4XzIwMjMtMDItMTBUMTI6MDA6MzkuMDE1Wg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"622b37ca8ea100a5ef1870ad","title":"A Look At React Hooks: useScrollPosition for Parallax Scrolling Effects","slug":"a-look-at-react-hooks-usescrollposition-for-parallax-scrolling-effects","publishedAt":"2022-03-11T11:51:38.457Z","cuid":"cl0mcz6fn024fh8nv8f1w2fyz","url":"https://lo-victoria.com/a-look-at-react-hooks-usescrollposition-for-parallax-scrolling-effects","subtitle":"Learn how to make your own custom Hook called useScrollPosition to create a parallax scrolling effect!","brief":"Welcome to another article of A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's learn how to create our own custom Hook.\nFor this tutorial, let's make a simple Hook called useScrollPosition to create any scrolli...","readTimeInMinutes":5,"views":4264,"author":{"__typename":"User","id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":24702},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1644108897119/749XVycmN.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjIyYjM3Y2E4ZWExMDBhNWVmMTg3MGFkXzIwMjItMDMtMTFUMTE6NTE6MzguNDU3Wg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"62064eb1a2be760e35393dee","title":"5 Best Side Projects to Build as a Beginner","slug":"5-best-side-projects-to-build-as-a-beginner","publishedAt":"2022-02-11T11:55:29.110Z","cuid":"ckzics9qj07a0t1s13zka6wmz","url":"https://lo-victoria.com/5-best-side-projects-to-build-as-a-beginner","subtitle":"Not sure how to progress in your coding journey as a beginner? Here are some side project ideas you can start building to improve quickly!","brief":"Do you feel that your learning has stagnated as a code newbie? Do you need some beginner-friendly project ideas to improve your skills?\nMany of you have asked me for some side project ideas as a beginner. And no, I don't suggest the usual to-do or we...","readTimeInMinutes":5,"views":13922,"author":{"__typename":"User","id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":24702},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1643688055533/sYd2TSXbq.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjIwNjRlYjFhMmJlNzYwZTM1MzkzZGVlXzIwMjItMDItMTFUMTE6NTU6MjkuMTEwWg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"61f3e8fa52c782474274a0e2","title":"A Look at React Hooks: useRef to Scroll to an Element","slug":"a-look-at-react-hooks-useref-to-scroll-to-an-element","publishedAt":"2022-01-28T13:00:42.139Z","cuid":"ckyyey7w70glo2qs11wdogjyv","url":"https://lo-victoria.com/a-look-at-react-hooks-useref-to-scroll-to-an-element","subtitle":"Let's learn a useful application of the useRef Hook! Scrolling to a page element in React has become so much easier with this Hook","brief":"Welcome to another article of A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's look at a simple application of the useRef Hook.\n\nBefore reading this, you should have a basic understanding of the useRef Hook. If...","readTimeInMinutes":6,"views":57959,"author":{"__typename":"User","id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":24702},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1642117885090/4ZGk4wnR7.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjFmM2U4ZmE1MmM3ODI0NzQyNzRhMGUyXzIwMjItMDEtMjhUMTM6MDA6NDIuMTM5Wg==","__typename":"PostEdge"}],"pageInfo":{"endCursor":"NjFmM2U4ZmE1MmM3ODI0NzQyNzRhMGUyXzIwMjItMDEtMjhUMTM6MDA6NDIuMTM5Wg==","hasNextPage":true,"__typename":"PageInfo"},"__typename":"PublicationPostConnection"}}}