{"tag":{"id":"56744720958ef13879b947ce","name":"Tutorial","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607083259704/T1D1fMyyR.png","slug":"tutorial","tagline":"A tag dedicated for all kinds of tutorials on Hashnode","__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":"

I'm a solutions engineer, writer, speaker, GitHub Star and WomenWhoCode evangelist. But TLDR: I'm just a nerd who loves to build projects and share valuable tips for new programmers on this blog.

\n","__typename":"Content"},"features":{"newsletter":{"isEnabled":true,"__typename":"NewsletterFeature"},"viewCount":{"isEnabled":false,"__typename":"ViewCountFeature"},"readTime":{"isEnabled":false,"__typename":"ReadTimeFeature"},"audioBlog":{"isEnabled":true,"voiceType":"FEMALE","__typename":"AudioBlogFeature"},"textSelectionSharer":{"isEnabled":true,"__typename":"TextSelectionSharerFeature"},"customCSS":{"isEnabled":false,"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;margin-bottom:2.5rem}@keyframes slideIn{0%{max-height:0}100%{max-height:200px}}.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}","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;margin-bottom:2.5rem}@keyframes slideIn{0%{max-height:0}100%{max-height:200px}}.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}","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"},"__typename":"PublicationFeatures"},"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","priority":100,"type":"page","series":null,"page":{"__typename":"StaticPage","id":"5ec9257fa7a2c43b12377bb0"}},{"__typename":"PublicationNavbarItem","id":"609527b7d2b17b7fc35f30b0","label":"Sponsors","url":"https://lo-victoria.com/sponsor","priority":99,"type":"link","series":null,"page":null},{"__typename":"PublicationNavbarItem","id":"609275d4b97aec7542ba657d","label":"Blogging","url":"https://lo-victoria.com/series/victorias-blogging-tips","priority":98,"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","priority":97,"type":"series","series":{"__typename":"Series","id":"5f105d5261fb3d25a2d43052"},"page":null},{"__typename":"PublicationNavbarItem","id":"60fd1af831552277811ae84d","label":"GraphQL","url":"https://lo-victoria.com/series/graphql","priority":96,"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","priority":95,"type":"series","series":{"__typename":"Series","id":"5fcc9d99f9aad2092499a61b"},"page":null},{"__typename":"PublicationNavbarItem","id":"63d1233f79a109e4ff159e58","label":"Resources","url":"https://lo-victoria.com/resources","priority":95,"type":"page","series":null,"page":{"__typename":"StaticPage","id":"6007745c094f2b30301de2ef"}},{"__typename":"PublicationNavbarItem","id":"614c99f4544e242e0c93f097","label":"DevOps","url":"https://lo-victoria.com/devops","priority":94,"type":"page","series":null,"page":{"__typename":"StaticPage","id":"5fcec3143c92041bab27dc08"}},{"__typename":"PublicationNavbarItem","id":"604813afc64c63545921cbee","label":"Read More","url":"https://lo-victoria.com/read-more","priority":93,"type":"page","series":null,"page":{"__typename":"StaticPage","id":"5f4ea95650b5c61ec6ef49cd"}},{"__typename":"PublicationNavbarItem","id":"604632b9d0457f4d5c583408","label":"Nerd Stuff","url":"https://lo-victoria.com/nerd-stuff","priority":0,"type":"page","series":null,"page":{"__typename":"StaticPage","id":"5f13964ea1826244e3d833ef"}}],"enabledPages":{"__typename":"PagesPreferences","badges":false,"newsletter":true,"members":null},"layout":"grid","disableFooterBranding":true},"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","plausibleAnalyticsEnabled":null,"wmPaymentPointer":"$ilp.uphold.com/BkFEP7ajLX87","umamiWebsiteUUID":"d69a590a-efca-4382-9962-abaf416ca74a","__typename":"PublicationIntegrations"},"imprint":"

GitHub Star Profile ✨ | Featured on Tech Blogs

Check out these other amazing blogs! 🔥

Catalin's Tech | Daily Dev Tips | Greenroots Blog | Idris Olubisi | Marko Denic

\n","postsCount":199,"isTeam":false,"links":{"twitter":"https://twitter.com/lo_victoria2666","instagram":"","github":"https://github.com/victoria-lo","website":"https://lo-victoria.com/","hashnode":"https://hashnode.com/@victoria","youtube":"https://www.youtube.com/channel/UCGrEsNzKfXjuKDTmpv5nTvg","dailydev":"","linkedin":"https://www.linkedin.com/in/victoria2666/","mastodon":"","__typename":"PublicationLinks"},"domainInfo":{"__typename":"DomainInfo","hashnodeSubdomain":"victoria","domain":{"__typename":"DomainStatus","host":"lo-victoria.com","ready":true},"wwwPrefixedDomain":null},"redirectionRules":[],"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"},"posts":{"edges":[{"node":{"id":"64fb0ccd88bd473ec7817c05","title":"An Introduction to Neo4J and Graph Databases","slug":"an-introduction-to-neo4j-and-graph-databases","publishedAt":"2023-09-08T12:00:13.326Z","cuid":"clmajpbm6000208ifg52l5hkb","url":"https://lo-victoria.com/an-introduction-to-neo4j-and-graph-databases","subtitle":"Getting Started with Neo4J and Graph-based Database Systems","brief":"In the world of modern data management, there is a growing demand for efficient and powerful databases to handle complex relationships between data points. Neo4j, a leading graph database, has emerged as a game-changer in this space.\nIn this article,...","readTimeInMinutes":6,"views":91,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":19307,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1694049271583/0541f0b1-4c78-4d64-a917-40b17da8efa5.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjRmYjBjY2Q4OGJkNDczZWM3ODE3YzA1XzIwMjMtMDktMDhUMTI6MDA6MTMuMzI2Wg==","__typename":"PostEdge"},{"node":{"id":"64a7fe6aa25b10201445e7bb","title":"How to Increase Your Productivity with GitHub Codespaces","slug":"how-to-increase-your-productivity-with-github-codespaces","publishedAt":"2023-07-07T12:00:42.112Z","cuid":"cljsiz9ul03zd6pnv884m10jj","url":"https://lo-victoria.com/how-to-increase-your-productivity-with-github-codespaces","subtitle":"Skip the tedious steps and just start coding with GitHub's cloud-powered development environment","brief":"There is a lot to improve in making local development work well out of the box. Many teams take time to onboard new hires to set up their local instances.\nIn this article, let's discuss about Codespaces and how it can be used to increase development ...","readTimeInMinutes":4,"views":446,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":19307,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674701796210/f0be7399-05f9-4c1a-8ad6-b9a7335efd5c.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjRhN2ZlNmFhMjViMTAyMDE0NDVlN2JiXzIwMjMtMDctMDdUMTI6MDA6NDIuMTEyWg==","__typename":"PostEdge"},{"node":{"id":"641d90e705c482464c9094dd","title":"Introduction to the GitHub GraphQL API: Step-by-Step Guide","slug":"introduction-to-the-github-graphql-api-step-by-step-guide","publishedAt":"2023-03-24T12:00:39.165Z","cuid":"clfmhqrko02lorknv9qsobran","url":"https://lo-victoria.com/introduction-to-the-github-graphql-api-step-by-step-guide","subtitle":"Let's explore some of GitHub's GraphQL API features and some code examples how to use this API","brief":"If you're a developer who loves to explore new tools and technologies, then you're probably already familiar with GitHub and its powerful API. But have you heard of GitHub's GraphQL API?\nIt's a relatively new addition to the GitHub API family, and it...","readTimeInMinutes":4,"views":2347,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":19307,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1679281041892/6ccf1b50-7494-444a-8fa9-691dcf6f8103.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjQxZDkwZTcwNWM0ODI0NjRjOTA5NGRkXzIwMjMtMDMtMjRUMTI6MDA6MzkuMTY1Wg==","__typename":"PostEdge"},{"node":{"id":"63d3bceae56ca315fdf7fe87","title":"GraphQL for Beginners: Implementing a Robust Payment System","slug":"graphql-for-beginners-implementing-a-robust-payment-system","publishedAt":"2023-01-27T12:00:42.018Z","cuid":"cldeh34k5021hydnv0rls1l5p","url":"https://lo-victoria.com/graphql-for-beginners-implementing-a-robust-payment-system","subtitle":"Not many payment providers offer a GraphQL API but here's the full guide to implement one with Braintree","brief":"When integrating a payment system on your app or website, a GraphQL API offers many benefits such as its simple yet powerful and flexible capabilities.\nIn this article, let's look at how we can implement a robust payment system using the Braintree Gr...","readTimeInMinutes":6,"views":672,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":19307,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674649555539/8d316a41-16d0-4d14-bccb-378c4cbee775.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjNkM2JjZWFlNTZjYTMxNWZkZjdmZTg3XzIwMjMtMDEtMjdUMTI6MDA6NDIuMDE4Wg==","__typename":"PostEdge"},{"node":{"id":"6393236a855b6005fa6c16c4","title":"A Look at React Hooks: useNavigation","slug":"a-look-at-react-hooks-usenavigation","publishedAt":"2022-12-09T12:00:42.139Z","cuid":"clbggidvp00uj39nvhrxhag5c","url":"https://lo-victoria.com/a-look-at-react-hooks-usenavigation","subtitle":"Handle page navigation and behaviours with useNavigation!","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 useNavigation Hook.\nNote that this Hook is available for both React Native and React projects which uses React Rout...","readTimeInMinutes":4,"views":3041,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":19307,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1670477530254/VSdnGZwpr.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjM5MzIzNmE4NTViNjAwNWZhNmMxNmM0XzIwMjItMTItMDlUMTI6MDA6NDIuMTM5Wg==","__typename":"PostEdge"},{"node":{"id":"6377741f3d2f88d544e2be34","title":"A Look at React Hooks: useRef vs useState","slug":"a-look-at-react-hooks-useref-vs-usestate","publishedAt":"2022-11-18T12:01:35.265Z","cuid":"clamgamu9001g08jecj5yh5ht","url":"https://lo-victoria.com/a-look-at-react-hooks-useref-vs-usestate","subtitle":"Let's learn about the differences between useRef vs useState and uncontrolled vs controlled components!","brief":"When learning about React Hooks, you will probably come across useRef and useState. These two hooks are often used in form handling. In React, there are typically 2 ways to implement forms: Uncontrolled vs Controlled components.\nWelcome to another a...","readTimeInMinutes":3,"views":1982,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":19307,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1667183317824/PeqSM2t7I.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjM3Nzc0MWYzZDJmODhkNTQ0ZTJiZTM0XzIwMjItMTEtMThUMTI6MDE6MzUuMjY1Wg==","__typename":"PostEdge"}],"pageInfo":{"endCursor":"NjM3Nzc0MWYzZDJmODhkNTQ0ZTJiZTM0XzIwMjItMTEtMThUMTI6MDE6MzUuMjY1Wg==","hasNextPage":true,"__typename":"PageInfo"},"__typename":"PublicationPostConnection"}}}