basic

basic

A basic GraphiQL project that fronts the graphql-pokemon project's GraphQL API.

Instructions

Follow these instructions to build and serve the program:

1. Install the dependencies

   • npm install

2. Serve the content (and build continuously)

   • npm start

3. Open the browser
   • Open http://[::1]:8080
   • Click around the UI and iterate!

Wish List

General clean ups, todos and things I wish to implement for this project:

• DONE How can I bundle/copy the external GraphiQL CSS? I don't want to version control the GraphiQL CSS. Alternatively, what if I include all of GrahipQL and its dependencies as normal script tags? Can I just bundle my source? It's annoying to do the dependency research manually but once I do it, it's done and npm won't complain about peer deps plus npm install and npm start will be faster (less steps). UPDATE: no, it's hard to use React using modern browser standards because React isn't distributed as an ES module (even though it doesn't have dependencies, so I don't get what the hold up is?)

Reference

• GitHub repo reach/reach-ui issue #916: Compatibility with React 18
  • This issue is why there are so many npm WARN ERESOLVE overriding peer dependency logs when you run npm install.
• graphql-pokemon docs page

  This projects contains a GraphQL API for retrieving information about Pokémon. The API allows users to query for information about Pokémon, including their types, abilities, and moves.