Create a sample app with TypeScript, React, typeorm, type-graphql. graphql-code-generator while reading "Learning GraphQL"

• TypeGraphQL

  30 7,948 8.8 TypeScript

  Create GraphQL schema and resolvers with TypeScript, using classes and decorators!

Used typeorm and type-graphql to define the GraphQL schema and DB schema conveniently. type-graphql automatically generates the schema file :) It might be better o try Nest.js...?

• learning-graphql-ts

  1 3 5.7 TypeScript

  This project builds a sample GraphQL application to learn "Learning GraphQL".

Recently, I was reading a book named "Learning GraphQL" to learn GraphQL. To understand it deeply, I tried to create a sample app: https://github.com/danimal141/learning-graphql-ts

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• graphql-code-generator

  69 10,613 9.1 TypeScript

  A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins.

Used graphql-code-generator to generate the types for TypeScript from the GraphQL schema that the back-end generated.

• create-react-app

  575 101,853 1.5 JavaScript

  Set up a modern web app by running one command.

  

Used create-react-app to create a TypeScript based project. Created only the user list view and login feature. The React way in the book seemed a bit old so I used React hooks actively.

• npm-run-all

  8 5,621 0.0 JavaScript

  A CLI tool to run multiple npm-scripts in parallel or sequential.

Used npm-run-all to enable to run commands for the front-end and back-end at once.

• Nest

  312 64,263 9.9 TypeScript

  A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀

  

It might be better o try Nest.js...?

• lint-staged

  50 12,858 8.4 JavaScript

  🚫💩 — Run linters on git staged files

  

Used lint-staged and husky to run Prettier when committing.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project