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

Full Stack Development with Angular and GraphQL
Contributors
About the author
About the reviewer
Preface
    Who this book is for
    What this book covers
    To get the most out of this book
    Download the example code files
    Download the color images
    Conventions used
    Get in touch
    Share Your Thoughts
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
    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 <base href> 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
    Why subscribe?
Other Books You May Enjoy
    Packt is searching for authors like you
    Share Your Thoughts