Book Image

Hands-on Full-Stack Web Development with GraphQL and React

By : Sebastian Grebe
Book Image

Hands-on Full-Stack Web Development with GraphQL and React

By: Sebastian Grebe

Overview of this book

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.

Related Content you might be interested in

Current Title:

Small book image
Hands-on Full-Stack Web Development with GraphQL and React
Sebastian Grebe
Jan, 2019 | 460 pages
Small book image
Beginning GraphQL
Brian Kimokoti
Jul, 2018 | 128 pages
Small book image
React Projects.
Roy Derks
Dec, 2019 | 474 pages
Small book image
Full Stack Development with Angular and GraphQL
Ahmed Bouchefra
Mar, 2022 | 390 pages
Table of Contents (15 chapters)
Preface
Preface
Who this book is for
What this book covers
To get the most out of this book
Get in touch
Free Chapter
1
Preparing Your Development Environment
Preparing Your Development Environment
Application architecture
Installing and configuring Node.js
Setting up React
Useful development tools
Summary
2
Setting up GraphQL with Express.js
Setting up GraphQL with Express.js
Node.js and Express.js
Routing in Express.js
Using Express.js middleware
Combining Express.js with Apollo
Back end debugging and logging
Summary
3
Connecting to The Database
Connecting to The Database
Using databases in GraphQL
Integrating Sequelize into our stack
Writing database models
Seeding data with Sequelize
Using Sequelize with Apollo
One-to-one relationships in Sequelize
Mutating data with Sequelize
Many-to-many relationships
Summary
4
Integrating React into the Back end with Apollo
Integrating React into the Back end with Apollo
Setting up Apollo Client
Using the Apollo Client in React
Mutations with the Apollo Client
Implementing chats and messages
Pagination in React and GraphQL
Debugging with the Apollo Client Developer Tools
Summary
5
Reusable React Components
Reusable React Components
Introducing React patterns
Structuring our React application
Extending Graphbook
Documenting React applications
Summary
6
Authentication with Apollo and React
Authentication with Apollo and React
JSON Web Tokens
localStorage versus cookie
Authentication with GraphQL
Summary
7
Handling Image Uploads
Handling Image Uploads
Setting up Amazon Web Services
Uploading images to Amazon S3
Summary
8
Routing in React
Routing in React
Setting up React Router
Advanced routing with React Router
Summary
9
Implementing Server-Side Rendering
Implementing Server-Side Rendering
Introduction to server-side rendering
SSR in Express.js
Authentication with SSR
Running Apollo queries with SSR
Summary
10
Real-Time Subscriptions
Real-Time Subscriptions
GraphQL and WebSockets
Apollo Subscriptions
Authentication with Apollo Subscriptions
Notifications with Apollo Subscriptions
Summary
11
Writing Tests
Writing Tests
Testing with Mocha
Testing GraphQL with Mocha
Testing React with Enzyme
Summary
12
Optimizing GraphQL with Apollo Engine
Optimizing GraphQL with Apollo Engine
Setting up Apollo Engine
Analyzing schemas with Apollo Engine
Performance metrics with Apollo Engine
Error tracking with Apollo Engine
Caching with Apollo Server and the Client
Summary
13
Continuous Deployment with CircleCI and Heroku
Continuous Deployment with CircleCI and Heroku
Preparing the final production build
Setting up Docker
Amazon Relational Database Service
Configuring Continuous Integration
Deploying applications to Heroku
Summary
14
Other Books You May Enjoy
Other Books You May Enjoy
Leave a review - let other readers know what you think

Other Books You May Enjoy

If you enjoyed this book, you may be interested in these other books by Packt:

React Cookbook
Carlos Santana Roldan

ISBN: 9781783980727

  • Gain the ability to wield complex topics such as Webpack and server-side rendering
  • Implement an API using Node.js, Firebase, and GraphQL
  • Learn to maximize the performance of React applications
  • Create a mobile application using React Native
  • Deploy a React application on Digital Ocean
  • Get to know the best practices when organizing and testing a large React application

Learn React with TypeScript 3
Carl Rippon

ISBN: 9781789610253

  • Gain a first-hand experience of TypeScript and its productivity features
  • Transpile your TypeScript code into JavaScript for it to run in a browser
  • Learn relevant advanced types in TypeScript for creating strongly typed and reusable components.
  • Create stateful function-based components that...
Previous Section
End of Section 1
Next Section