{"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 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":"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","disableFooterBranding":false,"__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":191,"impressum":"

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","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":{"domain":{"value":"lo-victoria.com","certIssued":true,"ready":true,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":null,"certIssued":null,"ready":null,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"__typename":"Publication","series":{"id":"6065c83ffad5042228d35d26","name":"GraphQL for Beginners","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1617283127887/toUkcAy_cv.png","slug":"graphql","description":"This is a beginner-friendly series, where we will learn the basic concepts of GraphQL and Apollo. At the end of this series, you will be able to build a simple chat app with GraphQL, Apollo and React!\n","cuid":"ckmywmdvn01twqws18u0mbav3","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","__typename":"User"},"posts":{"edges":[{"node":{"id":"60facb6f18fbbb77c9463568","title":"GraphQL for Beginners: Introduction","slug":"graphql-for-beginners-introduction","publishDate":"2021-07-23T14:00:15.633Z","cuid":"ckrgeut1304hqnts1cnc0fxys","url":"https://lo-victoria.com/graphql-for-beginners-introduction","subtitle":"Let's build a real-time chat app with GraphQL, React and Apollo! Step-by-step tutorial for beginners 🔰 Part 1: Introduction to GraphQL","brief":"Welcome to GraphQL for Beginners! The primary goal of this series is to introduce the basic concepts of GraphQL and how to connect it to a front-end framework like React using Apollo. At the end of this series, you will have a simple chat app built w...","readTimeInMinutes":7,"views":4985,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":13974,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1617270128195/oeeFIfsrn.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"60facb6f18fbbb77c9463568_2021-07-23T14:00:15.633Z","__typename":"PostEdge"},{"node":{"id":"61040c26805a765b08876dc2","title":"GraphQL for Beginners: Subscriptions, Schemas and Servers","slug":"graphql-for-beginners-subscriptions-schemas-and-servers","publishDate":"2021-07-30T14:26:46.640Z","cuid":"ckrqfvvcq0dg3zcs18z6e7gvs","url":"https://lo-victoria.com/graphql-for-beginners-subscriptions-schemas-and-servers","subtitle":"Beginner-friendly series on GraphQL 🔰 Let's continue from where we left off! Part 2: GraphQL Schemas, Subscriptions and Servers","brief":"Welcome back to GraphQL for Beginners! A beginner-friendly series introducing the basic concepts of GraphQL and how to connect it to a front-end framework like React using Apollo. At the end of this series, you will be able to build a simple chat app...","readTimeInMinutes":6,"views":2775,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":13974,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1617687853736/CxQ2y2Oaa.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"61040c26805a765b08876dc2_2021-07-30T14:26:46.640Z","__typename":"PostEdge"},{"node":{"id":"610d52cd528eff11aea881db","title":"GraphQL for Beginners: Setting Up GraphQL Server","slug":"graphql-for-beginners-setting-up-graphql-server","publishDate":"2021-08-06T15:18:37.323Z","cuid":"cks0hti9x0cgfhqs19trz4j7k","url":"https://lo-victoria.com/graphql-for-beginners-setting-up-graphql-server","subtitle":"Beginner-friendly series on GraphQL 🔰 Let's start building our app! Part 3: Setting Up GraphQL server","brief":"Welcome back to GraphQL for Beginners! A beginner-friendly series introducing the basic concepts of GraphQL and how to connect it to a front-end framework like React using Apollo. \nIn this part, we will start building a GraphQL server for a simple ch...","readTimeInMinutes":9,"views":3292,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":13974,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1619862160266/CnpG44ZQc.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"610d52cd528eff11aea881db_2021-08-06T15:18:37.323Z","__typename":"PostEdge"},{"node":{"id":"61167bd373a6cd48b7f18c3f","title":"GraphQL for Beginners: Build Real-Time Chat App with Apollo Client and React","slug":"graphql-for-beginners-build-real-time-chat-app-with-apollo-client-and-react","publishDate":"2021-08-13T14:04:03.765Z","cuid":"cksaf8law02cid3s10cmbct3o","url":"https://lo-victoria.com/graphql-for-beginners-build-real-time-chat-app-with-apollo-client-and-react","subtitle":"Beginner-friendly series on GraphQL 🔰 Let's continue our app! Part 4 Finale: Set up client-side with React and Apollo Client.","brief":"Welcome back to GraphQL for Beginners! A beginner-friendly series introducing the basic concepts of GraphQL and how to connect it to a front-end framework like React using Apollo. \nIn this part, we will complete our simple chat app by building our fr...","readTimeInMinutes":8,"views":6679,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":13974,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1619861417321/3AK8NjrL0.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"61167bd373a6cd48b7f18c3f_2021-08-13T14:04:03.765Z","__typename":"PostEdge"},{"node":{"id":"6197ad3f5bb9cc256fc6824e","title":"GraphQL for Beginners: Fetch Data from GraphQL APIs with Apollo Client","slug":"graphql-for-beginners-fetch-data-from-graphql-apis-with-apollo-client","publishDate":"2021-11-19T13:57:19.812Z","cuid":"ckw6g5erg011ve7s10d96d6mi","url":"https://lo-victoria.com/graphql-for-beginners-fetch-data-from-graphql-apis-with-apollo-client","subtitle":"Part 5: Let's dive deeper into Apollo Client and the useQuery Hook to fetch data from GraphQL APIs","brief":"Welcome to another GraphQL for Beginners article, Part 5! I am very thankful that this series has received lots of support. It is a pleasure to know that it has helped a lot of new GraphQL developers.\nIn this part, let's learn more about Apollo Clien...","readTimeInMinutes":5,"views":1777,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":13974,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1636129426355/ZmjuLJyf2M.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"6197ad3f5bb9cc256fc6824e_2021-11-19T13:57:19.812Z","__typename":"PostEdge"},{"node":{"id":"62a339c523f5f5accf275ed5","title":"GraphQL for Beginners: Schema-first vs Code-first","slug":"graphql-for-beginners-schema-first-vs-code-first","publishDate":"2022-06-10T12:32:05.195Z","cuid":"cl48fhpjm03u38mnvbb7mc536","url":"https://lo-victoria.com/graphql-for-beginners-schema-first-vs-code-first","subtitle":"Let's take a look at the 2 ways we can build a GraphQL API. How they are different and their pros and cons.","brief":"GraphQL has become a revolutionary scheme in the API world. As a solution to data fetching more efficiently, the first question you will need to ask yourself when building a GraphQL API is: schema-first or code-first?\nIn this article, let's take a l...","readTimeInMinutes":4,"views":6355,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":13974,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1654696677653/TOZdjMt2-.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"62a339c523f5f5accf275ed5_2022-06-10T12:32:05.195Z","__typename":"PostEdge"}],"pageInfo":{"endCursor":"62a339c523f5f5accf275ed5_2022-06-10T12:32:05.195Z","hasNextPage":true,"hasPreviousPage":true,"startCursor":"60facb6f18fbbb77c9463568_2021-07-23T14:00:15.633Z","__typename":"PageInfo"},"__typename":"PostConnection"},"__typename":"Series"}}}

Lavneet Sharma