Photo by Pascal Müller on Unsplash

If you work in a frontend project like React, it is highly likely that you may need to add some scripts on the website. And you know that we can simply use the HTML <script> element to embed executable code or data. But how to do it effectively?

Ideally, we’d like to load the scripts asynchronously, aka. in a non-blocking manner. What we can use the async and defer attributes on the script tag as per the MDN Doc says:

async : If the async attribute is present, then the script will be fetched in parallel to parsing and evaluated…


A Series Blog for Deep Dive into Apollo GraphQL from Backend to Frontend

Photo by Martin Behrendt on Unsplash

This is a 9th of the series blogs on deep dive into Apollo GraphQL from backend to frontend. A lot of information is Apollo GraphQL Doc or GraphQL Doc as well as their source code on Github — all tributes go to them. For my part, I would like to give you my “destructuring” of the original knowledge and my reflection on it, analysis on the code examples/source code as well as some extra examples.

In my last blog, we are talking about the cache mechanism in Apollo Client, and its usage for storage. …


A Series Blog for Deep Dive into Apollo GraphQL from Backend to Frontend

Photo by Toa Heftiba on Unsplash

This is a 8th of the series blogs on deep dive into Apollo GraphQL from backend to frontend. A lot of information is Apollo GraphQL Doc or GraphQL Doc as well as their source code on Github — all tributes go to them. For my part, I would like to give you my “destructuring” of the original knowledge and my reflection on it, analysis on the code examples/source code as well as some extra examples.

One aspect of optimising Frontend performance is using a Frontend Cache, aka. how to reduce the back and forth request/response lifecycles. …


A Series Blog for Deep Dive into Apollo GraphQL from Backend to Frontend

Photo by Taylor Kiser on Unsplash

This is a 7th of the series blogs on deep dive into Apollo GraphQL from backend to frontend. A lot of information is Apollo GraphQL Doc or GraphQL Doc as well as their source code on Github — all tributes go to them. For my part, I would like to give you my “destructuring” of the original knowledge and my reflection on it, analysis on the code examples/source code as well as some extra examples.

In this blog, we are going to take a look at the how Http server is glued with Apollo Server, and how we can can…


A Series Blog for Deep Dive into Apollo GraphQL from Backend to Frontend

Photo by Ratapan Anantawat on Unsplash

This is a 6th of the series blogs on deep dive into Apollo GraphQL from backend to frontend. A lot of information is Apollo GraphQL Doc or GraphQL Doc as well as their source code on Github — all tributes go to them. For my part, I would like to give you my “destructuring” of the original knowledge and my reflection on it, analysis on the code examples/source code as well as some extra examples.

Sometimes, probably in older projects, you may see some other ways of building schemas using buildSchema , or makeExecutableSchema in a lot of newer projects…


A Series Blog for Deep Dive into Apollo GraphQL from Backend to Frontend

Photo by Massimo Adami on Unsplash

This is a 4th of the series blogs on deep dive into Apollo GraphQL from backend to frontend. A lot of information is Apollo GraphQL Doc or GraphQL Doc as well as their source code on Github — all tributes go to them. For my part, I would like to give you my “destructuring” of the original knowledge and my reflection on it, analysis on the code examples/source code as well as some extra examples.

This blog is going to be a bit unusual as it has a collection of topics relating to GraphQL and not limited to Apollo GraphQL…


A Series Blog for Deep Dive into Apollo GraphQL from Backend to Frontend

Photo by Mink Mingle on Unsplash

This is a 5th of the series blogs on deep dive into Apollo GraphQL from backend to frontend. A lot of information is Apollo GraphQL Doc or GraphQL Doc as well as their source code on Github — all tributes go to them. For my part, I would like to give you my “destructuring” of the original knowledge and my reflection on it, analysis on the code examples/source code as well as some extra examples.

Apollo Server is an opinionated GraphQL server implementation. According to the doc, you can use Apollo Server as:

  • A stand-alone GraphQL server, including in a…


A Series Blog for Deep Dive into Apollo GraphQL from Backend to Frontend

Photo by Jonatan Pie on Unsplash

This is a 3rd of the series blogs on deep dive into Apollo GraphQL from backend to frontend. A lot of information is Apollo GraphQL Doc or GraphQL Doc as well as their source code on Github — all tributes go to them. For my part, I would like to give you my “destructuring” of the original knowledge and my reflection on it, analysis on the code examples/source code as well as some extra examples.

In last blog we dig into custom Directive and its usage as field level middleware. In this blog, we are looking at Plugins.

Plugin🔧 🔨 ⚒ 🛠 ⛏ 🔩 ⚙ ⛓ ?

What are…


A Series Blog for Deep Dive into Apollo GraphQL from Backend to Frontend

Photo by Eaters Collective on Unsplash

This is a 2nd of the series blogs on deep dive into Apollo GraphQL from backend to frontend. A lot of information is Apollo GraphQL Doc or GraphQL Doc as well as their source code on Github — all tributes go to them. For my part, I would like to give you my “destructuring” of the original knowledge and my reflection on it, analysis on the code examples/source code as well as some extra examples.

What are Directives

According to the Doc: a directive decorates part of a GraphQL schema or operation with additional configuration.

A directive is an identifier preceded by a…


A Series Blog for Deep Dive into Apollo GraphQL from Backend to Frontend

Photo by Eiliv-Sonas Aceron on Unsplash

This is a 1st of the series blogs on deep dive into Apollo GraphQL from backend to frontend. A lot of information is Apollo GraphQL Doc or GraphQL Doc as well as their source code on Github — all tributes go to them. For my part, I would like to give you my “destructuring” of the original knowledge and my reflection on it, analysis on the code examples/source code as well as some extra examples.

For people who start to learn about GraphQL, they know that every type definition in a GraphQL schema belongs to one of the following categories:

E.Y.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store