<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>GraphQL on Omid Farhang</title><link>https://omid.dev/tags/graphql/</link><description>Recent content in GraphQL on Omid Farhang</description><image><title>Omid Farhang</title><url>https://omid.dev/images/bio-photo-150x150.jpg</url><link>https://omid.dev/images/bio-photo-150x150.jpg</link></image><generator>Hugo -- 0.163.3</generator><language>en-US</language><copyright>2026 Omid Farhang | All rights reserved.</copyright><lastBuildDate>Wed, 07 Aug 2024 02:20:56 +0330</lastBuildDate><atom:link href="https://omid.dev/tags/graphql/index.xml" rel="self" type="application/rss+xml"/><item><title>Migrating from REST to GraphQL: A Step-by-Step Guide for Express.js and Angular</title><link>https://omid.dev/2024/08/07/migrating-from-rest-to-graphql-a-step-by-step-guide-for-expressjs-and-angular/</link><pubDate>Wed, 07 Aug 2024 02:20:56 +0330</pubDate><guid>https://omid.dev/2024/08/07/migrating-from-rest-to-graphql-a-step-by-step-guide-for-expressjs-and-angular/</guid><description>&lt;p&gt;In today&amp;rsquo;s rapidly evolving web development landscape, GraphQL has emerged as a powerful alternative to traditional REST APIs. This blog post will guide you through the process of migrating your Express.js backend and Angular frontend from REST to GraphQL, unlocking the benefits of a more flexible and efficient API architecture.&lt;/p&gt;
&lt;aside class="card card--accent card--companion companion-card"&gt;
&lt;span class="icon-circle icon-circle--lg icon-circle--gradient companion-card__icon" aria-hidden="true"&gt;
&lt;i class="fa-solid fa-cubes-stacked"&gt;&lt;/i&gt;
&lt;/span&gt;
&lt;span class="companion-card__content"&gt;
&lt;span class="section-kicker companion-card__eyebrow"&gt;Companion resource&lt;/span&gt;
&lt;strong class="companion-card__title"&gt;Companion Project&lt;/strong&gt;
&lt;span class="companion-card__description"&gt;Explore the complete working example on GitHub.&lt;/span&gt;
&lt;code class="companion-card__path"&gt;github.com/omidfarhang/example-projects/examples/graphql-express-angular-migration&lt;/code&gt;
&lt;/span&gt;
&lt;span class="companion-card__actions btn-group"&gt;
&lt;a class="btn btn--accent btn--sm" href="https://github.com/omidfarhang/example-projects/tree/master/examples/graphql-express-angular-migration" target="_blank" rel="noopener noreferrer"&gt;
&lt;i class="fa-brands fa-github" aria-hidden="true"&gt;&lt;/i&gt;
View on GitHub
&lt;/a&gt;
&lt;/span&gt;
&lt;/aside&gt;
&lt;h2 id="1-introduction"&gt;1. Introduction&lt;/h2&gt;
&lt;p&gt;REST (Representational State Transfer) has been the go-to architectural style for building web APIs for many years. However, GraphQL, developed by Facebook, offers several advantages:&lt;/p&gt;</description></item><item><title>Real-Time Data in Frontend Applications: WebSockets, SSE, and Beyond</title><link>https://omid.dev/2024/06/08/real-time-data-in-frontend-applications/</link><pubDate>Sat, 08 Jun 2024 00:37:30 +0330</pubDate><guid>https://omid.dev/2024/06/08/real-time-data-in-frontend-applications/</guid><description>&lt;p&gt;In today&amp;rsquo;s digital age, the demand for real-time data in frontend applications has surged dramatically. Users expect instantaneous updates, seamless interactions, and dynamic content without the need for manual refreshes. This blog post delves into various methods for handling real-time data in frontend applications, including WebSockets, Server-Sent Events (SSE), and emerging technologies such as HTTP/2 and HTTP/3 Push, WebTransport, GraphQL Subscriptions, and gRPC Streams. We&amp;rsquo;ll explore their implementation patterns, performance considerations, and relevant use cases.&lt;/p&gt;</description></item><item><title>Advanced API Design: REST, GraphQL, and gRPC</title><link>https://omid.dev/2024/06/05/advanced-api-design-rest-graphql-and-grpc/</link><pubDate>Wed, 05 Jun 2024 01:03:34 +0330</pubDate><guid>https://omid.dev/2024/06/05/advanced-api-design-rest-graphql-and-grpc/</guid><description>&lt;p&gt;APIs are the cornerstone of modern applications, enabling seamless communication between services. The design of these APIs plays a crucial role in determining the efficiency, scalability, and overall performance of an application. Three of the most prominent approaches in API design are REST, GraphQL, and gRPC. Each approach has unique strengths and weaknesses, making them suitable for different use cases. In this post, we&amp;rsquo;ll dive deep into these advanced techniques, discuss best practices, performance considerations, and provide guidance on choosing the right protocol for your specific needs.&lt;/p&gt;</description></item><item><title>Integrating GraphQL with Angular: A Practical Guide</title><link>https://omid.dev/2024/06/01/integrating-graphql-with-angular-a-practical-guide/</link><pubDate>Sat, 01 Jun 2024 00:50:01 +0330</pubDate><guid>https://omid.dev/2024/06/01/integrating-graphql-with-angular-a-practical-guide/</guid><description>&lt;p&gt;GraphQL is a powerful query language for APIs, providing a flexible and efficient alternative to REST. Combining it with Angular, a robust front-end framework, can lead to highly dynamic and responsive web applications. In this guide, we&amp;rsquo;ll explore how to integrate GraphQL with Angular, leveraging the Apollo Client for seamless data management.&lt;/p&gt;
&lt;aside class="card card--accent card--companion companion-card"&gt;
&lt;span class="icon-circle icon-circle--lg icon-circle--gradient companion-card__icon" aria-hidden="true"&gt;
&lt;i class="fa-solid fa-cubes-stacked"&gt;&lt;/i&gt;
&lt;/span&gt;
&lt;span class="companion-card__content"&gt;
&lt;span class="section-kicker companion-card__eyebrow"&gt;Companion resource&lt;/span&gt;
&lt;strong class="companion-card__title"&gt;Companion Project&lt;/strong&gt;
&lt;span class="companion-card__description"&gt;Try the working example in your browser or inspect the full source code behind this article.&lt;/span&gt;
&lt;code class="companion-card__path"&gt;github.com/omidfarhang/example-projects/examples/angular-graphql-apollo&lt;/code&gt;
&lt;/span&gt;
&lt;span class="companion-card__actions btn-group"&gt;
&lt;a class="btn btn--accent btn--sm" href="https://playground.omid.dev/examples/angular-graphql-apollo/" target="_blank" rel="noopener noreferrer"&gt;
&lt;i class="fa-solid fa-play" aria-hidden="true"&gt;&lt;/i&gt;
Open live demo
&lt;/a&gt;
&lt;a class="btn btn--secondary btn--sm" href="https://github.com/omidfarhang/example-projects/tree/master/examples/angular-graphql-apollo" target="_blank" rel="noopener noreferrer"&gt;
&lt;i class="fa-brands fa-github" aria-hidden="true"&gt;&lt;/i&gt;
View on GitHub
&lt;/a&gt;
&lt;/span&gt;
&lt;/aside&gt;
&lt;h2 id="1-introduction-to-graphql-and-angular"&gt;1. Introduction to GraphQL and Angular&lt;/h2&gt;
&lt;h3 id="what-is-graphql"&gt;What is GraphQL?&lt;/h3&gt;
&lt;p&gt;GraphQL is an open-source data query language developed by Facebook. It allows clients to request exactly the data they need, making APIs more flexible and efficient.&lt;/p&gt;</description></item></channel></rss>