Adding content to 108-frontend-implementation

src/roadmaps/graphql/content/108-frontend-implementations/100-relay.md

@@ -1 +1,10 @@
-# Relay
+# Relay
+
+Relay is a JavaScript framework that was developed by Facebook to build data-driven applications using GraphQL. It provides a set of tools and conventions that make it easier to build efficient and scalable applications that use GraphQL.
+
+Relay is designed to work with GraphQL on the server and provides a set of client-side libraries for building client applications. It provides a set of components and hooks that make it easy to build efficient and scalable applications.
+
+Learn more from the following links:
+
+- [Relay - GraphQL](https://relay.dev/)
+- [Introducing Relay and GraphQL](https://reactjs.org/blog/2015/02/20/introducing-relay-and-graphql.html)

src/roadmaps/graphql/content/108-frontend-implementations/101-apollo-client.md

@@ -1 +1,10 @@
-# Apollo client
+# Apollo Client
+
+Apollo Client is a popular JavaScript library for building client applications that consume GraphQL APIs. It is developed and maintained by the Apollo team and is widely used in the industry.
+
+Apollo Client provides a set of features that make it easy to interact with a GraphQL server, such as querying, mutating, and subscribing to data. It also provides a caching system to store the results of previous queries, which improves the performance of the application.
+
+Learn more from the following links:
+
+- [Why Apollo Client?](https://www.apollographql.com/docs/react/why-apollo/)
+- [What Is Apollo in GraphQL?](https://www.youtube.com/watch?v=mSzUb7f47qk)

src/roadmaps/graphql/content/108-frontend-implementations/102-urql.md

@@ -1 +1,8 @@
-# Urql
+# URQL
+
+URQL is a highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow. It's built to be both easy to use for newcomers to GraphQL, and extensible, to grow to support dynamic single-app applications and highly customized GraphQL infrastructure.
+
+To learn more from the following links:
+
+- [URQL - Documentations](https://formidable.com/open-source/urql/)
+- [GraphQL and Urql by Example](https://dev.to/open-graphql/graphql-and-urql-by-example-1ldc)

src/roadmaps/graphql/content/108-frontend-implementations/index.md

@@ -1 +1,11 @@
-# Frontend implementations
+# Frontend Implementations
+
+In GraphQL, the frontend refers to the client-side of the application, typically the web or mobile app that the end-user interacts with.
+
+When using GraphQL on the frontend, developers can use a GraphQL client library, such as Apollo Client or Relay, to interact with the GraphQL server. These libraries provide a way to easily send GraphQL queries and mutations to the server and handle the response.
+
+
+Learn more from the following links:
+
+- [A guide to GraphQL for front-end developers](https://www.freecodecamp.org/news/graphql-for-front-end-developers-1f59808f4435/)
+- [GraphQL for Front End Developers](https://www.freecodecamp.org/news/graphql-for-front-end-developers/)