This is a bare-bones chatroom exercise in Apollo[Client/Server], GraphQL, and React. At the time of writing, the Apollo documentation is not the most transparent and there are relatively few demos of the technology out there. I was frustrated by the dichotomy of the demos that are out there; they are either dead-simple or a fully featured application. Hopefully, the one query and one mutation in this project strike some balance.
- Server: Apollo Server uses an Express instance to handle requests (queries and mutations). The GraphQL side consists of an in-memory variable to hold the chat log, a schema, and some 'resolver' functions.
- Client: Two React components are loaded into Apollo-Client containers for querying all the chat room's messages or mutating new messages.
git clone https://github.com/jangerhofer/apolloChatRoomDemo.git && cd apolloChatRoomDemo/npm installnpm run serverwill start the GraphQL server.- You will now need a secondary terminal window to run the client/development-server. cd into the
apolloChatRoomDemodirectory and runnpm start. - Navigate to localhost:3000.