![]() You can send a GraphQL query or mutation using GraphQL Playground. Here is the endpoint: Run a GraphQL query The web version is accessible online, and there’s also a way to share your local GraphQL Playground as an online version.įor this tutorial, we’ll use this GraphQL server to interact with the GitHub API. The online version of GraphQL Playground does not enable double-clicking on the files with the. There are differences between the desktop app and the web version. Or, if you’re using npm: npm install graphql-playground Later, we’ll demonstrate how to add it as a component on a React app or as middleware on a Node project.Īdd GraphQL Playground to your project by executing the following command. Installing the package will enable you to interact with your GraphQL API during development. GraphQL Playground can also be used as an npm module on your project. If you’re using Mac or Linux, you can install it by running the following command on the terminal. If you’re using Windows, you can download it directly. The GraphQL Playground desktop app needs to be installed on your computer. It can be used as a desktop app on your computer, a module on your front- or backend project, or online with the web version. GraphQL Playground ships with basic features such as syntax highlighting, intelligent type ahead of fields, real-time error highlighting and reporting for queries and variables, documentation explorer, search, markdown support, and so much more. ![]() It’s built on top of GraphiQL with additional features such as automatic schema reloading, support for GraphQL subscriptions, the ability to configure HTTP headers, and more. GraphQL Playground is a GraphQL IDE created and maintained by Prisma. ![]() Let’s dive in! What is GraphQL Playground? In this guide, I’ll introduce you to GraphQL Playground and walk you through some basic concepts to help you make the most of your GraphQL development experience. One of these tools is GraphQL Playground, a GraphQL integrated developer environment (IDE) that helps improve development workflows. There are so many tools that make learning and using GraphQL easier. One of the reasons why GraphQL is so well-regarded in the developer community is its thriving ecosystem. GraphQL is a popular and widely used query language that bills itself as an alternative to the REST approach. Ibrahima Ndaw Follow JavaScript enthusiast, full-stack developer, and blogger who also dabbles in UI/UX design. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |