hasura / Awesome Angular Graphql
Licence: cc-by-4.0
A curated collection of resources, clients and tools that make working with `GraphQL and Angular` awesome
Stars: ✭ 119
Projects that are alternatives of or similar to Awesome Angular Graphql
Shio
✨ :dna: Shio CMS - Model Content, Use GraphQL and Create Site using Javascript with Native Cache and Search.
Stars: ✭ 119 (+0%)
Mutual labels: graphql, angularjs
Saturday Night Works
Takip ettiğim kaynaklardaki örneklere ait çalışmalar yer alır.
Stars: ✭ 312 (+162.18%)
Mutual labels: graphql, angularjs
Angular1 Apollo
AngularJS integration for the Apollo Client
Stars: ✭ 108 (-9.24%)
Mutual labels: graphql, angularjs
Graphql Codegen Hasura
code-generator plugins for hasura/apollo-gql/typescript development
Stars: ✭ 113 (-5.04%)
Mutual labels: graphql
Graphql Markdown
The easiest way to document your GraphQL schema.
Stars: ✭ 114 (-4.2%)
Mutual labels: graphql
Livepeerjs
JavaScript tools and applications that interact with Livepeer's smart contracts and peer-to-peer network
Stars: ✭ 116 (-2.52%)
Mutual labels: graphql
Graphql Live Query
Realtime GraphQL Live Queries with JavaScript
Stars: ✭ 112 (-5.88%)
Mutual labels: graphql
Twital
Twital is a "plugin" for Twig that adds some sugar syntax, which makes its templates similar to PHPTal or VueJS.
Stars: ✭ 116 (-2.52%)
Mutual labels: angularjs
Postgraphile
GraphQL is a new way of communicating with your server. It eliminates the problems of over- and under-fetching, incorporates strong data types, has built-in introspection, documentation and deprecation capabilities, and is implemented in many programming languages. This all leads to gloriously low-latency user experiences, better developer experiences, and much increased productivity. Because of all this, GraphQL is typically used as a replacement for (or companion to) RESTful API services.
Stars: ✭ 10,967 (+9115.97%)
Mutual labels: graphql
Pgql Lang
PGQL is an SQL-based query language for the Property Graph data model
Stars: ✭ 114 (-4.2%)
Mutual labels: graphql
Flask Graphene Sqlalchemy
A demo project for Flask + GraphQL (With Graphene & SQLAlchemy)
Stars: ✭ 117 (-1.68%)
Mutual labels: graphql
Automatic Api
A list of software that turns your database into a REST/GraphQL API
Stars: ✭ 1,583 (+1230.25%)
Mutual labels: graphql
Angular2react
One line of code to turn any Angular 1 Component into a React Component
Stars: ✭ 116 (-2.52%)
Mutual labels: angularjs
Graphql Nodejs Hapi Api
How to set-up a powerful API with Nodejs, GraphQL, MongoDB, Hapi, and Swagger
Stars: ✭ 116 (-2.52%)
Mutual labels: graphql
Graphql Stack
A visual explanation of how the various tools in the GraphQL ecosystem fit together.
Stars: ✭ 117 (-1.68%)
Mutual labels: graphql
Awesome Angular GraphQL
A curated collection of resources, clients and tools that make working with
GraphQL and Angular
awesome.
Contents
- General Resources
- Clients
- Developer Tools
- Tutorials
- Boilerplates
- Server Side Tools
- Articles and Videos
- Stories
General Resources
Clients
Angular clients for GraphQL
- Apollo: Apollo Client is a community-driven GraphQL client for Angular, JavaScript, and native platforms
Developer Tools
Tools for better development (debugging, linting, validation etc)
- Code generators:
- apollo-codegen: Generate API code or type annotations based on a GraphQL schema and query documents
- graphql-code-generator: GraphQL code generator with flexible support for custom templates
- Linters:
- eslint-plugin-graphql: Check your GraphQL query strings against a schema
- Angular Debugging Tools
- Apollo Client Developer Tools: Chrome extension for Apollo Client developer tools
- Augury: Augury is a Google Chrome Dev Tool extension for debugging and visualizing Angular applications at runtime.
- Redux DevTools Relay outside Chrome
- GraphQL Workflows:
- GraphQL Playground: Powerful GraphQL IDE built on top of GraphiQL
- Altair GraphQL Client: A beautiful feature-rich GraphQL Client for all platforms
- GraphiQL Online: An online version of GraphiQL with a configurable endpoint and headers.
Tutorials
Awesome tutorials for using GraphQL with Angular
- Angular, GraphQL and Apollo
- Angular + Apollo Tutorial
- Angular GraphQL Tutorial
- (Video) Apollo Client For Angular - Making Use of GraphQL
- (Video) Apollo Angular GraphQL Optimistic UI
- Fetching Data using GraphQL Queries with Angular & Apollo Tutorial
- (Video) Using GraphQL with Angular
- (Video) Faster modern apps with Angular and GraphQL
Boilerplates and Example Apps
Boilerplates and examples for a headstart in development
- Angular Apollo GraphQL
- Angular Fullstack Graphql
- Angular Todo App using Apollo Client
- Angular AppSync Starter AppAn AWS AppSync Chat Starter App written in Angular.
- Next.js With Apollo - Boilerplate for building Next.js apps with Apollo.
- Apollo Angular SSR - Apollo-Angular with SSR and Store Rehydration
- Apollo Angular
Server Side Tools
Get a GraphQL backend for your applications using these service providers
- AWS AppSync: Build data-driven apps with real-time and offline capabilities
- Graphcool: Self-Hosted GraphQL BaaS
- Hasura: Instant GraphQL APIs on Postgres
- Postgraphile: Rapidly build highly customisable GraphQL APIs
- Prisma: Turn your database into a GraphQL API.
Articles and Videos
Articles
- So what’s this GraphQL thing I keep hearing about?
- Thinking in Graphs
- What are the benefits of using GraphQL and why it surpasses REST
- How To Use GraphQL with Angular 2 (with Example)
- Angular 4 + Apollo + GraphQL
- Learn how to use GraphQL with Angular using Apollo
- Using Apollo GraphQL with Angular
- Generating Angular API clients with Apollo and GraphQL code generator
- How to Leverage GraphQL with a Headless CMS [TakeShape Tutorial]
Videos
- From REST to GraphQL
- GraphQL vs Firebase
- Apollo Client For Angular - Making Use of GraphQL
- Deploying a Angular + Apollo app with Surge.sh - How to GraphQL
- Angular2 + GraphQL = build modern web apps with GraphQL
- Modernize your Angular apps with GraphQL by Uri Goldshtein
Stories
Good and bad experiences
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].