All Projects → jscomplete → graphql-in-action

jscomplete / graphql-in-action

Licence: other
A GraphQL project with a backend component written with GraphQL-js and Apollo Server and a frontend component written in React.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

GraphQL In Action

A GraphQL project with a backend component written with GraphQL-js and Apollo Server and a frontend component written in React. Branch "main" is the starting point for the GraphQL In Action book. Other branches are used to track the progress of updates throughout the book:

  • Branch "5.0" is the starting point (Chapter 5 in the book). This is an alias for the "main" branch.

  • Branch "9.0" has a working version of the React app before using the GraphQL API. This is the point where the GraphQL API is complete (except for subscriptions, which are implemented in Chapter 10)

  • Branch "10.0" has a worknig version of using a GraphQL client with a React app without a client library (like Apollo).

  • Branch "10.10" (aliased as "final") has the same React app after converting all data communications to use Apollo Client, adding subscriptions operations, and doing the entire local app state management with Apollo.

Install dependencies

npm install

Start databases

You’ll need Docker Compose (which is part of Docker Desktop).

Then run:

npm run start-dbs

This will download and start a PostgreSQL database container on port 5432 and a MongoDB container on port 27017. Both databases have some sample development data loaded in. The connection credentials for these databases are:

PG_CONNECTION_STRING  = "postgres://postgres:password@localhost:5432/azdev"
MDB_CONNECTION_STRING = "mongodb://localhost:27017/azdev"

If you already have a PostgreSQL database that you would like to use instead of the provided Docker containers, you will need to create the database schemas for the project using the dev-db/schema.* files (which will also load the sample data).

Using psql:

psql -d "postgres://postgres:password@localhost:5432" -c "create database azdev"
psql -d "postgres://postgres:password@localhost:5432/azdev" < dev-dbs/schema.sql

Using mongo:

mongo mongodb://127.0.0.1:27017/ < dev-dbs/schema.mongo

Run for dev

In 2 different terminals:

npm run api-server
npm run web-server

Defaults:

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].