Full-Stack Web Development with GraphQL and React - Second Edition: Taking React from frontend to full-stack with GraphQL and Apollo

Grebe, Sebastian

  • 出版商: Packt Publishing
  • 出版日期: 2022-02-28
  • 售價: $1,640
  • 貴賓價: 9.5$1,558
  • 語言: 英文
  • 頁數: 472
  • 裝訂: Quality Paper - also called trade paper
  • ISBN: 1801077886
  • ISBN-13: 9781801077880
  • 相關分類: Web APIReact
  • 立即出貨 (庫存 < 3)

買這商品的人也買了...

商品描述

Unleash the power of GraphQL, React 17, Node, and Express to build a scalable and production-ready application from scratch to be deployed on AWS

Key Features

  • Build full-stack applications with modern APIs using GraphQL and React Hooks
  • Integrate Apollo into React and build frontend components using GraphQL
  • Implement a self-updating notification pop-up with a unique GraphQL feature called Subscriptions

Book Description

React and GraphQL, when combined, provide you with a very dynamic, efficient, and stable tech stack to build web-based applications. GraphQL is a modern solution for querying an API that represents an alternative to REST and is the next evolution in web development.

This book guides you in creating a full-stack web application from scratch using modern web technologies such as Apollo, Express.js, Node.js, and React. First, you'll start by configuring and setting up your development environment. Next, the book demonstrates how to solve complex problems with GraphQL, such as abstracting multi-table database architectures and handling image uploads using Sequelize. You'll then build a complete Graphbook from scratch. While doing so, you'll cover the tricky parts of connecting React to the backend, and maintaining and synchronizing state. In addition to this, you'll also learn how to write Reusable React components and use React Hooks. Later chapters will guide you through querying data and authenticating users in order to enable user privacy. Finally, you'll explore how to deploy your application on AWS and ensure continuous deployment using Docker and CircleCI.

By the end of this web development book, you'll have learned how to build and deploy scalable full-stack applications with ease using React and GraphQL.

What you will learn

  • Build a GraphQL API by implementing models and schemas with Apollo and Sequelize
  • Set up an Apollo Client and build frontend components using React
  • Write Reusable React components and use React Hooks
  • Authenticate and query user data using GraphQL
  • Use Mocha to write test cases for your full-stack application
  • Deploy your application to AWS using Docker and CircleCI

Who this book is for

This React GraphQL book is for web developers familiar with React and GraphQL who want to enhance their skills and build full-stack applications using industry standards like React, Apollo, Node.js, and SQL at scale while learning to solve complex problems with GraphQL.

商品描述(中文翻譯)

發揮 GraphQL、React 17、Node 和 Express 的威力,從頭開始建立一個可擴展且適用於生產環境的應用程式,並部署在 AWS 上。

主要特點:

- 使用 GraphQL 和 React Hooks 建立具有現代 API 的全端應用程式
- 整合 Apollo 到 React,並使用 GraphQL 建立前端元件
- 使用稱為 Subscriptions 的獨特 GraphQL 功能實現自動更新的通知彈出視窗

書籍描述:

React 和 GraphQL 結合在一起,為您提供了一個非常動態、高效且穩定的技術堆疊,用於構建基於網頁的應用程式。GraphQL 是一個現代的解決方案,用於查詢代表對 REST 的替代方案,是網頁開發的下一個演進。

本書將指導您使用現代網頁技術(如 Apollo、Express.js、Node.js 和 React)從頭開始創建一個全端網頁應用程式。首先,您將配置和設置開發環境。接下來,本書演示了如何使用 GraphQL 解決複雜的問題,例如抽象化多表數據庫架構和使用 Sequelize 處理圖片上傳。然後,您將從頭開始構建一個完整的 Graphbook。在此過程中,您將涵蓋將 React 連接到後端的棘手部分,以及維護和同步狀態。除此之外,您還將學習如何編寫可重用的 React 元件並使用 React Hooks。後面的章節將指導您通過查詢數據和驗證用戶來實現用戶隱私。最後,您將探索如何使用 Docker 和 CircleCI 在 AWS 上部署應用程式並確保持續部署。

通過閱讀本網頁開發書籍,您將學習如何使用 React 和 GraphQL 輕鬆構建和部署可擴展的全端應用程式。

學到的內容:

- 使用 Apollo 和 Sequelize 實現模型和架構,構建 GraphQL API
- 設置 Apollo Client,並使用 React 構建前端元件
- 編寫可重用的 React 元件並使用 React Hooks
- 使用 GraphQL 驗證和查詢用戶數據
- 使用 Mocha 為全端應用程式編寫測試案例
- 使用 Docker 和 CircleCI 將應用程式部署到 AWS

適合對象:

本書適合熟悉 React 和 GraphQL 的網頁開發人員,他們希望在學習解決 GraphQL 複雜問題的同時,使用 React、Apollo、Node.js 和 SQL 等行業標準技術在大規模上構建全端應用程式。

目錄大綱

1. Preparing Your Development Environment
2. Setting Up GraphQL with Express.js
3. Connecting to the Database
4. Hooking Apollo into React
5. Reusable React Components and React Hooks
6. Authentication with Apollo and React
7. Handling Image Uploads
8. Routing in React
9. Implementing Server-Side Rendering
10. Real-Time Subscriptions
11. Writing Tests for React and Node.js
12. Continuous Deployment with CircleCI and AWS

目錄大綱(中文翻譯)

1. 準備開發環境
2. 使用 Express.js 設置 GraphQL
3. 連接資料庫
4. 將 Apollo 集成到 React
5. 可重複使用的 React 元件和 React Hooks
6. 使用 Apollo 和 React 進行身份驗證
7. 處理圖片上傳
8. 在 React 中進行路由導航
9. 實現伺服器端渲染
10. 實時訂閱
11. 為 React 和 Node.js 撰寫測試
12. 使用 CircleCI 和 AWS 進行持續部署