Hands-On Full-Stack Web Development with GraphQL and React: Build scalable full-stack applications while learning to solve complex problems with GraphQL

Sebastian Grebe

  • 出版商: Packt Publishing
  • 出版日期: 2019-01-31
  • 定價: $1,530
  • 售價: 6.0$918
  • 語言: 英文
  • 頁數: 468
  • 裝訂: Paperback
  • ISBN: 1789134528
  • ISBN-13: 9781789134520
  • 相關分類: Web APIReactJVM 語言
  • 立即出貨(限量) (庫存=1)

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

商品描述

Unearth the power of GraphQL, React, Apollo, Node, and Express to build a scalable, production ready application

Key Features

  • Build full stack applications with modern APIs using GraphQL and Apollo
  • 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, one of the most widely used JavaScript frameworks, allows developers to build fast and scalable front end applications for any use case. GraphQL is the modern way of querying an API. It represents an alternative to REST and is the next evolution in web development. Combining these two revolutionary technologies will give you a future-proof and scalable stack you can start building your business around.

This book will guide you in implementing applications by using React, Apollo, Node.js and SQL. We'll focus on solving complex problems with GraphQL, such as abstracting multi-table database architectures and handling image uploads. Our client, and server will be powered by Apollo. Finally we will go ahead and build a complete Graphbook. While building the app, we'll cover the tricky parts of connecting React to the back end, and maintaining and synchronizing state. We'll learn all about querying data and authenticating users. We'll write test cases to verify the front end and back end functionality for our application and cover deployment. By the end of the book, you will be proficient in using GraphQL and React for your full-stack development requirements.

What you will learn

  • Resolve data from multi-table database and system architectures
  • Build a GraphQL API by implementing models and schemas with Apollo and Sequelize
  • Set up an Apollo Client and build front end components using React
  • Use Mocha to test your full-stack application
  • Write complex React components and share data across them
  • Deploy your application using Docker

Who this book is for

The book is for web developers who want to enhance their skills and build complete full stack applications using industry standards. Familiarity with JavaScript, React, and GraphQL is expected to get the most from this book.

Table of Contents

  1. Preparing Your Development Environment
  2. Setting up GraphQL with Express.js
  3. Connecting to The Database
  4. Integrating React into the Backend with Apollo
  5. Reusable React Components
  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
  12. Optimizing GraphQL with Apollo Engine
  13. Continuous Deployment with CircleCI and Heroku

商品描述(中文翻譯)

發掘GraphQL、React、Apollo、Node和Express的力量,建立可擴展且適用於生產環境的應用程式。

主要特點:

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

書籍描述:

React是最廣泛使用的JavaScript框架之一,允許開發人員為任何用例建立快速且可擴展的前端應用程式。GraphQL是一種現代的API查詢方式,它代表了對REST的替代,是Web開發的下一個演進。結合這兩個革命性的技術,將為您提供一個未來可靠且可擴展的堆疊,您可以開始建立您的業務。

本書將指導您使用React、Apollo、Node.js和SQL來實現應用程式。我們將重點解決使用GraphQL時的複雜問題,例如抽象化多表數據庫架構和處理圖片上傳。我們的客戶端和服務器將由Apollo提供動力。最後,我們將建立一個完整的Graphbook。在構建應用程式時,我們將涵蓋將React連接到後端的棘手部分,以及維護和同步狀態。我們將學習有關查詢數據和驗證用戶的所有知識。我們將為應用程式的前端和後端功能編寫測試案例,並涵蓋部署。通過閱讀本書,您將能夠熟練使用GraphQL和React滿足您的全端開發需求。

您將學到的內容:

- 解決多表數據庫和系統架構的數據
- 使用Apollo和Sequelize實現模型和模式,構建GraphQL API
- 設置Apollo Client並使用React構建前端元件
- 使用Mocha測試您的全端應用程式
- 編寫複雜的React元件並在它們之間共享數據
- 使用Docker部署您的應用程式

本書適合對Web開發人員,他們希望提升技能並使用行業標準來構建完整的全端應用程式。預期讀者對JavaScript、React和GraphQL有一定的熟悉程度,以獲得本書的最大收益。

目錄:

1. 準備開發環境
2. 使用Express.js設置GraphQL
3. 連接到數據庫
4. 將React與Apollo整合到後端
5. 可重用的React元件
6. 使用Apollo和React進行身份驗證
7. 處理圖片上傳
8. React中的路由
9. 實現服務器端渲染
10. 實時訂閱
11. 編寫測試
12. 使用Apollo Engine優化GraphQL
13. 使用CircleCI和Heroku進行持續部署