This is the code repository for Full-Stack Web Development with GraphQL and React, published by Packt.
Taking React from frontend to full-stack with GraphQL and Apollo
React and GraphQL combined would provide a very dynamic, efficient, and stable tech stack to build web-based applications. GraphQL is a modern solution for querying an API which represents an alternative to REST and is the next evolution in web development.
This book covers the following exciting features:
- 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
- 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 CircleCIrs
If you feel this book is for you, get your copy today!
All of the code is organized into folders. For example, Chapter02.
The code will look like the following:
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(<App/>, document.getElementById('root'));
Following is what you need for this book: The 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, NodeJS, and SQL at scale while learning to solve complex problems with GraphQL.
With the following software and hardware list you can run all code files present in the book (Chapter 1-12).
| Chapter | Software required | OS required |
|---|---|---|
| 1-12 | Node.js 14+ | Windows, Mac OS X, and Linux (Any) |
| 1-12 | React 17+ | Windows, Mac OS X, and Linux (Any) |
| 1-12 | Sequelize 6+ | Windows, Mac OS X, and Linux (Any) |
| 1-12 | MySQL 5 or 8 | Windows, Mac OS X, and Linux (Any) |
We also provide a PDF file that has color images of the screenshots/diagrams used in this book. Click here to download it.
- Page 17 (code snippet 2, line 6): { initialPosts.map((post, i) => should be {posts.map((post, i) =>
Sebastian Grebe is a verified computer science expert for application development. He is a young entrepreneur working on a variety of products targeting the consumer market. He specializes in web development using the newest technologies, such as React, the Phoenix framework, Kubernetes, and many more. Furthermore, he has experience in merging old and new applications, developing cross-platform apps with React Native, and writing efficient APIs and backends with Node.js and Elixir. Currently, he works as an engineering manager on a microservice-oriented architecture using micro frontends to power a scalable e-commerce platform