More Premium Hugo Themes Premium React Themes

Ts React Graphql Starter Kit

A starter kit repository for building single page webapps in TypeScript with react, redux, graphql/express, jest

Ts React Graphql Starter Kit

A starter kit repository for building single page webapps in TypeScript with react, redux, graphql/express, jest

Author Avatar Theme by atomicobject
Github Stars Github Stars: 114
Last Commit Last Commit: May 17, 2020 -
First Commit Created: Dec 18, 2023 -
Ts React Graphql Starter Kit screenshot

Overview:

The content provides instructions and guidelines for setting up and running a web application. It covers installation steps, running the application, technology stack, code organization, and key directories.

Features:

  • Node.js: Powers the server and is pinned to the latest LTS release.
  • Express: A lightweight HTTP server used for hosting the GraphQL API.
  • GraphQL: An alternative to REST APIs, supporting a demand-driven architecture.
  • Jest: Used for unit testing.
  • Webpack: Builds the application for different deployment targets.
  • Apollo Link State: Used for client state management.
  • Nightmare.js: Used for acceptance testing.
  • React Storybook: Provides component documentation and style guides.
  • JSVerify: Used for property-based testing.

Installation:

  1. Install Node.js 10 LTS and yarn. (Recommend nvm and brew install yarn –without-node on Mac)
  2. Install Docker.app for running the database and other services.
  3. Symlink .env.example to .env to set up the environment for running from Docker. Modify if needed.
  4. Start Postgres by running docker-compose up.
  5. Run yarn to install dependencies.
  6. Run yarn db:create to create development and test databases.
  7. Run yarn build to build the application and supporting scripts.

Running the App:

  1. Run yarn build to create generated types and scripts.
  2. Run yarn db:migrate:latest to migrate development and test databases.
  3. Optionally, run yarn db:migrate-and-seed to add test data to the dev database.
  4. Run yarn dev to start the hot-reloading dev server on port 3000.
  5. Visit localhost:9001 to see the interactive style guide and component tests by running yarn dev:storybook.
  6. Run unit tests with yarn test:unit or yarn test:unit --watch for the interactive jest-based test runner.

Summary:

The content provides a step-by-step guide for setting up and running a web application. It covers installation instructions, running the app, technology stack, code organization, and key directories. The application uses technologies like Node.js, Express, GraphQL, Jest, Webpack, Apollo Link State, Nightmare.js, and React Storybook. The code organization encourages viewing the repository as one application, with different entry points for the client and server.