React Context is a feature in React that allows for the efficient sharing of data across components without manually passing props through each level of the component tree. There are many applications of React Context. In this post, we are going to see one of the most simple use cases of React Context. That is […]
How to utilize React Context for theme management Read More »
In this post, I am going to help you understand the fundamental concepts of React Context. We will discuss the main components that you need to create and use React Context. We are also going to see the use cases of React Context, compare its advantages with disadvantages, and, finally see when to use React
React Context : The fundamentals you must know Read More »
What is filtering in JavaScript? Filtering in JavaScript refers to the process of extracting a subset of elements from a collection based on a specific condition or criteria. It allows you to create a new array or collection that includes only those elements that meet the specified conditions. Filtering in Javascript can be achieved by
How to use the Array filter method for Filtering in JavaScript Read More »
What is a JavaScript array? An array in JavaScript is an Object. To be specific, a Javascript array is a standard built-in object created with the Array constructor. An array is a collection of elements ordered by an index. Javascript arrays have the following characteristics: JavaScript array methods in JavaScript, the Array methods can be
JavaScript array: The ultimate guide you need to start with Read More »
The useRef hook is a handy tool in React that lets you create references to elements or values within functional components. It allows you to access and modify DOM elements directly, store mutable values, or preserve data between renders without causing re-renders. It’s like having a special pointer that you can use to interact with
How to use useRef to access items on a list Read More »
If you have some experience working with GraphQL servers and GraphQL query language, you must have used GraphQL playgrounds on localhost or online. On these playgrounds, you can test your GraphQL queries and mutations against the GraphQL server to fetch data and make changes. You can also use variables to make these queries and mutations
How to integrate Apollo client with React in no time Read More »
What we are building In this post, we will build a demo GraphQL API with all CRUD operations. Our purpose here is to implement the concepts in GraphQL. If you are new to this post, you should first be familiar with concepts in GraphQL by reading these two posts. I also highly recommend you be
How to develop a GraphQL API with Apollo server and MongoDB Read More »
What is GraphQL query language? GraphQL query language is a specific syntax and set of rules to query data from a GraphQL API. It provides a structured and efficient way to request and retrieve the desired data from the server. The GraphQL query language allows clients to specify the exact data they need, making it
GraphQL Query: How to Talk to the GraphQL Server Read More »
In this post, I am going to talk to you about how to define GraphQL schemas for Queries and Mutations, and then we will also learn to how implement resolvers for Query and Mutation Types. If you are new to this post, I encourage you to read this overview on GraphQL, and learn to set
How to define GraphQL Schemas for Queries & Mutations with Resolvers Read More »
Introduction to GraphQL GraphQL is a query language that makes it easy for software developers to request data from a server. It was developed by Facebook and is now used by many large companies around the world. In simple terms, GraphQL allows developers to specify exactly what data they need, and the server responds with
How to set up a GraphQL server: A Beginner’s Guide to GraphQL Read More »
