{"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"},"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":4543,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12377,"__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":2533,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12377,"__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":3035,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12377,"__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":6175,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12377,"__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":1649,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12377,"__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":5797,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12377,"__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":"PostPageInfo"},"__typename":"PostConnection"},"__typename":"Series"},"__typename":"Publication"}}

Back End Coder Pemalas

Coder Pemalas