{"tag":{"id":"56744721958ef13879b94cad","name":"JavaScript","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082785538/EryuLRriM.png","slug":"javascript","tagline":"JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions","__typename":"Tag"},"publication":{"id":"5ebd7c02acf8911d7951ed49","hashnodeURL":"https://lo-victoria.com","url":"https://lo-victoria.com","canonicalURL":"https://lo-victoria.com","title":"Articles by Victoria Lo","displayTitle":"Blogging and Web Development | Articles by Victoria Lo","descriptionSEO":"Providing beginner-friendly tutorials for new programmers on JavaScript, React, Blogging, Software Development, Web Development and more!","username":"victoria","about":{"html":"

I'm a software developer who loves to build projects and share valuable tips for new programmers on this blog. Please enjoy your read and feel free to comment, share or connect with me!

\n","__typename":"AboutPublication"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":false,"__typename":"PublicationFeatures"},"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1595258065636/tpUb85GJk.png","__typename":"OpenGraphMetaData"},"author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","coverPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1596298873098/gTH87_jBr.png","__typename":"User"},"preferences":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607028151322/9o8_5ImaK.png","darkMode":{"logo":null,"enabled":null,"__typename":"DarkModePreferences"},"customCSS":{"enabled":false,"staticMin":"#__next>div>div>div>div>h1{font-weight:300}.blog-impressum h3{display:none}","homeMin":"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}","__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"604810c1c64c63545921cb9e","label":"About","url":"https://lo-victoria.com/about","priority":100,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"609527b7d2b17b7fc35f30b0","label":"Sponsors","url":"https://lo-victoria.com/sponsor","priority":99,"type":"link","series":null,"__typename":"PublicationNavbarItem"},{"id":"609275d4b97aec7542ba657d","label":"Blogging","url":"https://lo-victoria.com/series/victorias-blogging-tips","priority":98,"type":"series","series":{"id":"5f89bf47d7dc0b17a97a22e7","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"6048111c7f43655434aaf557","label":"Node.js","url":"https://lo-victoria.com/series/nodejs-rest-api","priority":97,"type":"series","series":{"id":"5f105d5261fb3d25a2d43052","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"60fd1af831552277811ae84d","label":"GraphQL","url":"https://lo-victoria.com/series/graphql","priority":96,"type":"series","series":{"id":"6065c83ffad5042228d35d26","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"61e0ba86d546507ab03419cf","label":"React Hooks","url":"https://lo-victoria.com/series/a-look-at-react-hooks","priority":95,"type":"series","series":{"id":"5fcc9d99f9aad2092499a61b","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"63d1233f79a109e4ff159e58","label":"Resources","url":"https://lo-victoria.com/resources","priority":95,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"614c99f4544e242e0c93f097","label":"DevOps","url":"https://lo-victoria.com/devops","priority":94,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"604813afc64c63545921cbee","label":"Read More","url":"https://lo-victoria.com/read-more","priority":93,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"604632b9d0457f4d5c583408","label":"Nerd Stuff","url":"https://lo-victoria.com/nerd-stuff","priority":0,"type":"page","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":false,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"customCSSDraft":{"enabled":null,"staticMin":"#__next>div>div>div>div>h1{font-weight:300}.blog-impressum h3{display:none}","homeMin":"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}","__typename":"CustomCSSPreferences"},"layout":"grid","__typename":"Preferences"},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984904615/AvlfZBL8d.jpg","headerColor":"#e3e3e3","metaTags":"","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":null,"hotjarSiteID":"","matomoSiteID":null,"matomoURL":null,"gaTrackingID":"UA-157955431-1","plausibleAnalyticsEnabled":null,"wmPaymentPointer":"$ilp.uphold.com/BkFEP7ajLX87","__typename":"PublicationIntegrations"},"postsCount":187,"impressum":"

Recently joined GitHub Stars ✨

Featured on Tech Blogs

Check out these other amazing blogs! 🔥

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

\n","isTeam":null,"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":null,"__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"lo-victoria.com","certIssued":true,"ready":true,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":null,"certIssued":null,"ready":null,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"posts":{"edges":[{"node":{"id":"5fc1dd8c2cae9c5b190b7229","title":"Let's Build a Simple Bulletin Board React App","slug":"lets-build-a-simple-bulletin-board-react-app","publishDate":"2020-11-28T05:18:04.094Z","cuid":"cki18ue0b02m8zts1dv54doth","url":"https://lo-victoria.com/lets-build-a-simple-bulletin-board-react-app","subtitle":"A beginner-friendly project to learn about drag-and-drop in React!","brief":"In an article I wrote on Making Draggable Components in React, a reader requested to share how I built the Bulletin Board App, a simple demo app to showcase draggable components in React.\n\nIn this article, I'll be showing step-by-step how I made this...","readTimeInMinutes":6,"views":6563,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12115,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1605544270815/fgZq4mK9L.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"5fc1dd8c2cae9c5b190b7229_2020-11-28T05:18:04.094Z","__typename":"PostEdge"},{"node":{"id":"5fbc924e30fc2d1b859e2a92","title":"Introduction to Firebase Storage #2: Retrieve & Delete Files","slug":"introduction-to-firebase-storage-retrieve-delete-files","publishDate":"2020-11-24T04:55:42.323Z","cuid":"ckhvia7mw03lofps11z1d6s98","url":"https://lo-victoria.com/introduction-to-firebase-storage-retrieve-delete-files","subtitle":null,"brief":"Hello everyone, in this article, we shall continue from where we left off in the previous article on How to Upload Files to Firebase Cloud Storage. We will now learn how to retrieve and delete files from Firebase Cloud Storage.\nRetrieve files from Fi...","readTimeInMinutes":5,"views":4818,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12115,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1606193855539/FVmAWBtDN.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"5fbc924e30fc2d1b859e2a92_2020-11-24T04:55:42.323Z","__typename":"PostEdge"},{"node":{"id":"5fb895bf1b7ab0041800cbef","title":"Introduction to Firebase Storage #1: Uploading Files","slug":"introduction-to-firebase-storage-uploading-files","publishDate":"2020-11-21T04:21:19.649Z","cuid":"ckhr6qg6c02t2t4s11saxck6c","url":"https://lo-victoria.com/introduction-to-firebase-storage-uploading-files","subtitle":null,"brief":"Some apps allow users to upload images and files, read them, delete them and even download them whenever users want. Such functionality can be useful for social media platforms, blogging platforms or storage services. Firebase Cloud Storage offers a ...","readTimeInMinutes":9,"views":5970,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12115,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1600457515005/BWVynf3NJ.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"5fb895bf1b7ab0041800cbef_2020-11-21T04:21:19.649Z","__typename":"PostEdge"},{"node":{"id":"5f910aedc626a0545fb609b1","title":"Functional vs Object-Oriented Programming","slug":"functional-vs-object-oriented-programming","publishDate":"2020-10-22T04:30:37.866Z","cuid":"ckgkbuuub02vtnzs15pmodmy0","url":"https://lo-victoria.com/functional-vs-object-oriented-programming","subtitle":null,"brief":"In the world of JavaScript, there are typically 2 programming paradigms: Functional and Object-Oriented Programming (OOP). But what exactly are these paradigms, how are they different and when is it best to use them?\nWhat's a Programming Paradigm?\nPr...","readTimeInMinutes":3,"views":2668,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12115,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1599593558000/QVMILw-7o.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"5f910aedc626a0545fb609b1_2020-10-22T04:30:37.866Z","__typename":"PostEdge"},{"node":{"id":"5f8523bd6ad92638db4944a8","title":"Making Typing Animation with React Hooks","slug":"making-typing-animation-with-react-hooks","publishDate":"2020-10-13T03:49:17.585Z","cuid":"ckg7ff1g102pv8bs1274lad84","url":"https://lo-victoria.com/making-typing-animation-with-react-hooks","subtitle":null,"brief":"Ever wondered how to make words auto-type themselves onto a page? In this article, we shall go through a step-by-step tutorial on how to do so in your React app like this one below:\n\n\nNote: It is smoother than it looks, the frame rate as I recorded t...","readTimeInMinutes":2,"views":3085,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12115,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1601044181536/CklQsMW6C.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"5f8523bd6ad92638db4944a8_2020-10-13T03:49:17.585Z","__typename":"PostEdge"},{"node":{"id":"5f654fe435d6463d2b5f7de2","title":"A Simple Guide to Build React Form with Hooks","slug":"a-simple-guide-to-build-react-form-with-hooks","publishDate":"2020-09-19T00:25:08.621Z","cuid":"ckf8xk1ua007k2zs1fs5a6rx1","url":"https://lo-victoria.com/a-simple-guide-to-build-react-form-with-hooks","subtitle":null,"brief":"With React, there are many ways that you can build forms. The simplest way that I found is by React Hook Forms. In this article, I'll show you how to create and build a React form easily with React Hook Forms.\nStep 1: Build the Form\nReact Hook Forms ...","readTimeInMinutes":3,"views":1241,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12115,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1598535645724/qEtinIRZn.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"5f654fe435d6463d2b5f7de2_2020-09-19T00:25:08.621Z","__typename":"PostEdge"}],"pageInfo":{"endCursor":"5f654fe435d6463d2b5f7de2_2020-09-19T00:25:08.621Z","hasNextPage":true,"hasPreviousPage":true,"startCursor":"5fc1dd8c2cae9c5b190b7229_2020-11-28T05:18:04.094Z","__typename":"PostPageInfo"},"__typename":"PostConnection"},"__typename":"Publication"}}

Home Decor