Full Stack Development with Angular and GraphQL: Learn to build scalable monorepo and a complete Angular app using Apollo, Lerna, and GraphQL

Cover
Title Page
Contributors
Table of Contents
Preface
Copyright and Credits
Part 1: Setting Up the Development Environment, GraphQL Server, and Database
Chapter 1: App Architecture and Development Environment
	Technical requirements
	The architecture and technologies
		Full-stack architecture
		The development technologies
		Running JavaScript on the server with Node.js
		Installing packages with npm
		Running a web server with Express.js
		GraphQL
		Integrating the frontend and backend with Apollo
		Saving data with TypeORM and MySQL
		Building the frontend with TypeScript and Angular
	Installing MySQL
		Configuring MySQL Server
		Testing MySQL Server
	Installing and configuring Node.js
		Installing Node.js with nvm
	Summary
Chapter 2: Setting Up GraphQL with Node.js, Express.js, and Apollo
	Technical requirements
	Setting up a monorepo project
	Initializing our server project
		Generating a package.json file
		Installing Express.js and development dependencies
		Creating the server
		Watching and recompiling our code
	Creating a GraphQL API
		Installing the necessary libraries
		Exposing a simple GraphQL API
		Sending queries with Apollo Studio
		Creating a GraphQL schema for our social network
		Mocking our GraphQL API
		Linking the mocked data
	Configuring CORS
	Summary
Chapter 3: Connecting the Database with TypeORM
	Technical requirements
	Creating a MySQL user and database
	Setting up TypeORM and MySQL
	Creating TypeORM entities
	Seeding test data
	Using Apollo with TypeORM
	Summary
Chapter 4: Implementing Authentication and Image Uploads with Apollo Server and Node.js
	Technical requirements
	What's JWT?
	Implementing authentication
	Protecting GraphQL queries and mutations
	Implementing image uploads
		Assignments
	Summary
Chapter 5: Adding Realtime Support with Apollo Server
	Technical requirements
	Understanding GraphQL subscriptions
	Implementing GraphQL subscriptions
	Implementing JWT authentication with subscriptions
	Summary
Part 2: Building the Angular Frontend with Realtime Support
Chapter 6: Angular Application Architecture and Routing
	Technical requirements
	Installing the Angular CLI
		Angular CLI commands
	Initializing the Angular project
	Understanding the application architecture
		What's a module?
		What's a component?
	Understanding services and dependency injection
	Creating modules, services, and components
		Creating modules
		Creating components and services
	Understanding Angular routing
		How the Angular Router works
		The  tag
		The routing modules
		The router outlet
		Importing the routing module
	Understanding and adding routes
		Route-matching strategies
		Route parameters
		Adding routes
	Adding navigation
	Debugging Angular applications
	Adding Angular Material
	Summary
Chapter 7: Adding User Search Functionality
	Technical requirements
	Introducing and installing Apollo Client
	Importing Angular Material components
	Signing up and logging users in
		Defining GraphQL documents
		Defining types for user authentication
		Defining Apollo services
		Implementing the user authentication service
		Building and styling the signup UI
		Building and styling the login UI (assignment)
		Implementing the header component
		Implementing the footer and page not found components
		Implementing the user search dialog component
	Summary
Chapter 8: Guarding Routes and Testing Authentication
	Technical requirements
	Guarding routes
		Sending the JWT
		Improving the search functionality (assignment)
		Using GraphQL fragments
		Local state management with Apollo Client
		Using the OnPush change detection strategy
	Testing the auth service and component(s)
		Testing the auth service
		Testing the auth guard
		Testing the header component
		Testing the search dialog component
		Testing other components
	Summary
Chapter 9: Uploading Images and Adding Posts
	Technical requirements
	Image uploading with Angular and Apollo
		Setting up GraphQL Code Generator
		Adding fragments and mutations
		Generating types and services
	Implementing the post service
	Implementing the profile service
	Implementing the base component
	Implementing the profile component
		Defining field policies
	Creating the profile UI
		Styling the profile component
	Implementing the create post component
		Testing
	Summary
Chapter 10: Fetching Posts and Adding Comments and Likes
	Technical requirements
	Improving the authentication system
	Adding queries and generating types and services
	Fetching paginated posts
	Implementing comments and likes services
	Implementing a presentational post component
	Displaying posts, comments, and likes
	Summary
Part 3: Adding Realtime Support
Chapter 11: Implementing
GraphQL
Subscriptions
	Technical requirements
	Persisting the component state with reactive variables
	Using field policies to rewrite dates
	Displaying comments
		Displaying new comments
		Updating the cache after removing comments
		Giving focus to the commenting box
	Setting up Apollo Client for subscriptions
	Implementing GraphQL subscriptions
	Summary
Index
Other Books You May Enjoy