{"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","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"},"__typename":"Preferences","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"},"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":186,"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"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":false,"__typename":"PublicationFeatures"},"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1595258065636/tpUb85GJk.png","__typename":"OpenGraphMetaData"},"series":{"id":"5fcc9d99f9aad2092499a61b","name":"A Look at React Hooks","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607245073394/rcNlhTMne.png","slug":"a-look-at-react-hooks","description":"In this series, we shall look at various React Hooks and learn how we can use them to implement in our React projects! Great for beginners in React or React Hooks.\n","cuid":"ckicwasfb00a0t0s15sv9bd6q","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","__typename":"User"},"posts":{"edges":[{"node":{"id":"6393236a855b6005fa6c16c4","url":"https://lo-victoria.com/a-look-at-react-hooks-usenavigation","slug":"a-look-at-react-hooks-usenavigation","coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1670477530254/VSdnGZwpr.png","__typename":"PostCoverImage"},"title":"A Look at React Hooks: useNavigation","readTimeInMinutes":4,"views":513,"publishDate":"2022-12-09T12:00:42.139Z","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","__typename":"User"},"__typename":"Post"},"cursor":"6393236a855b6005fa6c16c4_2022-12-09T12:00:42.139Z","__typename":"PostEdge"},{"node":{"id":"6377741f3d2f88d544e2be34","url":"https://lo-victoria.com/a-look-at-react-hooks-useref-vs-usestate","slug":"a-look-at-react-hooks-useref-vs-usestate","coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1667183317824/PeqSM2t7I.png","__typename":"PostCoverImage"},"title":"A Look at React Hooks: useRef vs useState","readTimeInMinutes":3,"views":548,"publishDate":"2022-11-18T12:01:35.265Z","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","__typename":"User"},"__typename":"Post"},"cursor":"6377741f3d2f88d544e2be34_2022-11-18T12:01:35.265Z","__typename":"PostEdge"},{"node":{"id":"635289eae482dec443a318b8","url":"https://lo-victoria.com/a-look-at-react-hooks-useparams-for-dynamic-routing","slug":"a-look-at-react-hooks-useparams-for-dynamic-routing","coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1665807463447/9kVSm1ZOG.png","__typename":"PostCoverImage"},"title":"A Look at React Hooks: useParams for Dynamic Routing","readTimeInMinutes":3,"views":2086,"publishDate":"2022-10-21T12:00:42.087Z","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","__typename":"User"},"__typename":"Post"},"cursor":"635289eae482dec443a318b8_2022-10-21T12:00:42.087Z","__typename":"PostEdge"},{"node":{"id":"622b37ca8ea100a5ef1870ad","url":"https://lo-victoria.com/a-look-at-react-hooks-usescrollposition-for-parallax-scrolling-effects","slug":"a-look-at-react-hooks-usescrollposition-for-parallax-scrolling-effects","coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1644108897119/749XVycmN.png","__typename":"PostCoverImage"},"title":"A Look At React Hooks: useScrollPosition for Parallax Scrolling Effects","readTimeInMinutes":5,"views":2960,"publishDate":"2022-03-11T11:51:38.457Z","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","__typename":"User"},"__typename":"Post"},"cursor":"622b37ca8ea100a5ef1870ad_2022-03-11T11:51:38.457Z","__typename":"PostEdge"},{"node":{"id":"61f3e8fa52c782474274a0e2","url":"https://lo-victoria.com/a-look-at-react-hooks-useref-to-scroll-to-an-element","slug":"a-look-at-react-hooks-useref-to-scroll-to-an-element","coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1642117885090/4ZGk4wnR7.png","__typename":"PostCoverImage"},"title":"A Look at React Hooks: useRef to Scroll to an Element","readTimeInMinutes":6,"views":31024,"publishDate":"2022-01-28T13:00:42.139Z","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","__typename":"User"},"__typename":"Post"},"cursor":"61f3e8fa52c782474274a0e2_2022-01-28T13:00:42.139Z","__typename":"PostEdge"},{"node":{"id":"618e62aae61d1c383da7a991","url":"https://lo-victoria.com/a-look-at-react-hooks-useswr-for-data-fetching-in-react","slug":"a-look-at-react-hooks-useswr-for-data-fetching-in-react","coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1635214758249/x2vIhQGbe.png","__typename":"PostCoverImage"},"title":"A Look At React Hooks: useSWR for Data Fetching in React","readTimeInMinutes":5,"views":4957,"publishDate":"2021-11-12T12:48:42.866Z","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","__typename":"User"},"__typename":"Post"},"cursor":"618e62aae61d1c383da7a991_2021-11-12T12:48:42.866Z","__typename":"PostEdge"}],"pageInfo":{"endCursor":"618e62aae61d1c383da7a991_2021-11-12T12:48:42.866Z","hasNextPage":true,"hasPreviousPage":true,"startCursor":"6393236a855b6005fa6c16c4_2022-12-09T12:00:42.139Z","__typename":"PostPageInfo"},"__typename":"PostConnection"},"__typename":"Series"},"__typename":"Publication"}}

WebDev

What is a Website

Getting Started with Emmet

What are Meta Tags in HTML?

HTML Tags in Depth

Positions in CSS

Introduction to Markdown