Full-stack web development with GraphQl and React : build scalable full-stack applications with React 18 while learning to solve complex problems with GraphQl

Description

Preface Section 1: Building the Stack Chapter 1: Preparing Your Development Environment Technical requirements Understanding the application architecture The basic setup Installing and configuring Node.js Setting up React Preparing and configuring webpack Rendering your first React component Rendering arrays from React state CSS with webpack Event handling and state updates with React Controlling document heads with React Helmet Production build with webpack Useful development tools Summary Chapter 2: Setting Up GraphQL with Express.js Technical requirements Getting started with Node.js and Express.js Setting up Express.js Running Express.js in development Routing in Express.js Serving our production build Using Express.js middleware Installing important middleware Express Helmet Compression with Express.js CORS in Express.js Combining Express.js with Apollo Writing your first GraphQL schemas Implementing GraphQL resolvers Sending GraphQL queries Using multiple types in GraphQL schemas Writing your first GraphQL mutation Backend debugging and logging Logging in Node.js Debugging with Postman Summary Chapter 3: Connecting to the Database Technical requirements Using databases in GraphQL Installing MySQL for development Creating a database in MySQL Integrating Sequelize into our Node.js stack Connecting to a database with Sequelize Using a configuration file with Sequelize Writing database models Your first database model Your first database migration Importing models with Sequelize Seeding data with Sequelize Using Sequelize with GraphQL Global database instance Running the first database query One-to-one relationships in Sequelize Updating the table structure with migrations Model associations in Sequelize Seeding foreign key data Mutating data with Sequelize Many-to-many relationships Model and migrations Chats and messages in GraphQL Seeding many-to-many data Creating a new chat Creating a new message Summary Section 2: Building the Application Chapter 4: Hooking Apollo into React Technical requirements Installing and configuring Apollo Client Installing Apollo Client Testing Apollo Client Binding Apollo Client to React Using Apollo Client in React Querying in React with Apollo Client Mutating data with Apollo Client Apollo useMutation Hook Updating the UI with Apollo Client Implementing chats and messages Fetching and displaying chats Fetching and displaying messages Sending messages through mutations Pagination in React and GraphQL Debugging with the Apollo Client Devtools Summary Chapter 5: Reusable React Components and React Hooks Technical requirements Introducing React patterns Controlled components Functional components Conditional rendering Rendering child components Structuring our React application The React file structure Efficient Apollo React components Extending Graphbook The React context menu The React application bar The React Context API versus Apollo Consumer Documenting React applications Setting up React Styleguidist React PropTypes Summary Chapter 6: Authentication with Apollo and React Technical requirements What are JSON Web Tokens? localStorage versus cookies Authentication with GraphQL Apollo login mutation The React login form Apollo signup mutation React signup form Authenticating GraphQL requests Accessing the user context from resolver functions Logging out using React Summary Chapter 7: Handling Image Uploads Technical requirements Setting up Amazon Web Services Configuring an AWS S3 bucket Generating AWS access keys Uploading images to Amazon S3 GraphQL image upload mutation React image cropping and uploading Summary Chapter 8: Routing in React Technical requirements Setting up React Router Installing React Router Implementing your first route Secured routes Catch-all routes in React Router Advanced routing with React Router Parameters in routes Querying the user profile Programmatic navigation in React Router Remembering the redirect location Summary Chapter 9: Implementing Server-Side Rendering Technical requirements Introducing SSR Setting up SSR in Express.js to render React on the server Authentication with SSR Running Apollo queries with SSR Summary Chapter 10: Real-Time Subscriptions Technical requirements Using GraphQL with WebSockets Digging deeper into Apollo subscriptions Subscriptions on Apollo Server Subscriptions on Apollo Client Authentication with Apollo subscriptions Notifications with Apollo subscriptions Summary Chapter 11: Writing Tests for React and Node.js Technical requirements Testing with Mocha Our first Mocha test Starting the backend with Mocha Verifying the correct routing Testing the GraphQL API with Mocha Testing the authentication Testing authenticated requests Testing React with Enzyme Summary Section 3: Preparing for Deployment Chapter 12: Continuous Deployment with CircleCI and AWS Technical requirements Preparing the final production build Setting up Docker What is Docker? Installing Docker Dockerizing your application Building and running Docker containers Multi-stage Docker production builds Amazon RDS Configuring continuous integration Deploying applications to Amazon ECS Setting up CircleCI with Amazon ECR and ECS Summary Index Other Books You May Enjoy