What do you think?
Rate this book
Full-Stack React, TypeScript, and Node: Build cloud-ready web applications using React 17 with Hooks and GraphQL
Discover the current landscape of full-stack development and how to leverage modern web technologies for building production-ready React.js applications to deploy on AWS
Key FeaturesUnderstand the architecture of React and single-page applicationsBuild a modern Web API for your SPA using Node.js, Express, and GraphQLGain a clear and practical understanding of how to build a complete full-stack applicationBook DescriptionReact sets the standard for building high-performance client-side web apps. Node.js is a scalable application server that is used in thousands of websites, while GraphQL is becoming the standard way for large websites to provide data and services to their users. Together, these technologies, when reinforced with the capabilities of TypeScript, provide a cutting-edge stack for complete web application development.
This book takes a hands-on approach to implementing modern web technologies and the associated methodologies for building full-stack apps. You’ll begin by gaining a strong understanding of TypeScript and how to use it to build high-quality web apps. The chapters that follow delve into client-side development with React using the new Hooks API and Redux. Next, you’ll get to grips with server-side development with Express, including authentication with Redis-based sessions and accessing databases with TypeORM. The book will then show you how to use Apollo GraphQL to build web services for your full-stack app. Later, you’ll learn how to build GraphQL schemas and integrate them with React using Hooks. Finally, you’ll focus on how to deploy your application onto an NGINX server using the AWS cloud.
By the end of this book, you’ll be able to build and deploy complete high-performance web applications using React, Node, and GraphQL.
What you will learnDiscover TypeScript’s most important features and how they can be used to improve code quality and maintainabilityUnderstand what React Hooks are and how to build React apps using themImplement state management for your React app using ReduxSet up an Express project with TypeScript and GraphQL from scratchBuild a fully functional online forum app using React and GraphQLAdd authentication to your web app using RedisSave and retrieve data from a Postgres database using TypeORMConfigure NGINX on the AWS cloud to deploy and serve your appsWho this book is forThe book is for web developers who want to go beyond front-end web development and enter the world of full-stack web development by learning about modern web technologies and how they come together. A good understanding of JavaScript programming is required before getting started with this web development book.
Table of ContentsUnderstanding TypeScriptExploring TypeScriptBuilding Better Apps with ES6+ FeaturesLearning Single-Page Application Concepts and How React Enables ThemReact Development with HooksSetting Up Our Project Using create-react-app and Testing with JestLearning Redux and React RouterLearning Server-Side Development with Node.js and ExpressWhat is GraphQL?Setting Up an Express Project with TypeScript and GraphQL DependenciesWhat We Will Learn – Online Forum ApplicationBuilding the React Client for Our Online Forum Application</
Key FeaturesUnderstand the architecture of React and single-page applicationsBuild a modern Web API for your SPA using Node.js, Express, and GraphQLGain a clear and practical understanding of how to build a complete full-stack applicationBook DescriptionReact sets the standard for building high-performance client-side web apps. Node.js is a scalable application server that is used in thousands of websites, while GraphQL is becoming the standard way for large websites to provide data and services to their users. Together, these technologies, when reinforced with the capabilities of TypeScript, provide a cutting-edge stack for complete web application development.
This book takes a hands-on approach to implementing modern web technologies and the associated methodologies for building full-stack apps. You’ll begin by gaining a strong understanding of TypeScript and how to use it to build high-quality web apps. The chapters that follow delve into client-side development with React using the new Hooks API and Redux. Next, you’ll get to grips with server-side development with Express, including authentication with Redis-based sessions and accessing databases with TypeORM. The book will then show you how to use Apollo GraphQL to build web services for your full-stack app. Later, you’ll learn how to build GraphQL schemas and integrate them with React using Hooks. Finally, you’ll focus on how to deploy your application onto an NGINX server using the AWS cloud.
By the end of this book, you’ll be able to build and deploy complete high-performance web applications using React, Node, and GraphQL.
What you will learnDiscover TypeScript’s most important features and how they can be used to improve code quality and maintainabilityUnderstand what React Hooks are and how to build React apps using themImplement state management for your React app using ReduxSet up an Express project with TypeScript and GraphQL from scratchBuild a fully functional online forum app using React and GraphQLAdd authentication to your web app using RedisSave and retrieve data from a Postgres database using TypeORMConfigure NGINX on the AWS cloud to deploy and serve your appsWho this book is forThe book is for web developers who want to go beyond front-end web development and enter the world of full-stack web development by learning about modern web technologies and how they come together. A good understanding of JavaScript programming is required before getting started with this web development book.
Table of ContentsUnderstanding TypeScriptExploring TypeScriptBuilding Better Apps with ES6+ FeaturesLearning Single-Page Application Concepts and How React Enables ThemReact Development with HooksSetting Up Our Project Using create-react-app and Testing with JestLearning Redux and React RouterLearning Server-Side Development with Node.js and ExpressWhat is GraphQL?Setting Up an Express Project with TypeScript and GraphQL DependenciesWhat We Will Learn – Online Forum ApplicationBuilding the React Client for Our Online Forum Application</
- GenresSoftware
648 pages, Kindle Edition
Published December 18, 2020
32 people are currently reading
51 people want to read
Ratings & Reviews
Friends & Following
Create a free account to discover what your friends think of this book!
Community Reviews
Displaying 1 - 3 of 3 reviews
January 10, 2023
Pros: covers a very wide array of technologies, gives a flavor of setting everything up in a meaningful way.
Cons: a few.
1.) Books like these become obsolete extremely quickly. I first started reading this book when React 17 was out, and the incompatibilities were enough to make me have to stop and start going back to find historical documentation about how React changed from 16 to 17 (and now to 18) to understand how the code actually worked. The most valuable skill that one needs is to be able to manage and configure library upgrades, which of course is nowhere to be found here.
2.) This book's style could be characterized as "developer narrates the code he wrote just after writing it." There's a very "stream of consciousness" vibe that's hard to follow. A few alternate ways that might have been more valuable:
a.) Don't narrate just the code syntax. Communicate a mental model of data structures and have the code examples follow.
b.) Communicate a mental model of interacting node libraries (e.g slate, express, Apollo, cors, etc etc). From the stream of consciousness narration, I can't tell why one library is better than another, or where the boundaries are. All I know is that your code works, not a constructive way to modify it.
c.) Communicate a mental model of the virtual DOM evolving as a user interacts with a page (state changes).
Cons: a few.
1.) Books like these become obsolete extremely quickly. I first started reading this book when React 17 was out, and the incompatibilities were enough to make me have to stop and start going back to find historical documentation about how React changed from 16 to 17 (and now to 18) to understand how the code actually worked. The most valuable skill that one needs is to be able to manage and configure library upgrades, which of course is nowhere to be found here.
2.) This book's style could be characterized as "developer narrates the code he wrote just after writing it." There's a very "stream of consciousness" vibe that's hard to follow. A few alternate ways that might have been more valuable:
a.) Don't narrate just the code syntax. Communicate a mental model of data structures and have the code examples follow.
b.) Communicate a mental model of interacting node libraries (e.g slate, express, Apollo, cors, etc etc). From the stream of consciousness narration, I can't tell why one library is better than another, or where the boundaries are. All I know is that your code works, not a constructive way to modify it.
c.) Communicate a mental model of the virtual DOM evolving as a user interacts with a page (state changes).
October 23, 2024
A holistic refresh of putting together a fullstack web app.
These tech specifics age fast, but this is currently the optimal fullstack webdev book on the market AFAIK.
Lots of best practices and integration patterns on both client side (route-hook-reducer-graphql) and server side (express-cache-graphql-ORM) middlewares - essential for glueing everything together in a sane manner.
Some nitpicks:
- intermediate level, not expert level - the material in the first 2 sections could have been condensed and more advanced functionalities could have been discussed
- WebPack (or alternative bundler) was not delved into - there is much magic to such config. Same goes for Tailwind
- chapters 12, 15, 16: there are pros and cons to the evolutionary development approach taken here: on the one hand it makes you mentally reflect on real-world design and refactoring; on the other, it was repetitive and its easy to get lost in the details
- there is a feel of not following DRY: variation of data shapes echo accross client side reducers, GraphQL schemas, and TypeORM entities. Is there a higher level of abstractive meta-programming, a better way ?
- chapter 17 on AWS deploy seemed tacked on and rushed: its been a K8s world and it would have gone a long way (perhaps out of scope) to detail how best to deploy an observable fullstack.
All in all, the author put a lot of info together and showed how it all comes together as well.
These tech specifics age fast, but this is currently the optimal fullstack webdev book on the market AFAIK.
Lots of best practices and integration patterns on both client side (route-hook-reducer-graphql) and server side (express-cache-graphql-ORM) middlewares - essential for glueing everything together in a sane manner.
Some nitpicks:
- intermediate level, not expert level - the material in the first 2 sections could have been condensed and more advanced functionalities could have been discussed
- WebPack (or alternative bundler) was not delved into - there is much magic to such config. Same goes for Tailwind
- chapters 12, 15, 16: there are pros and cons to the evolutionary development approach taken here: on the one hand it makes you mentally reflect on real-world design and refactoring; on the other, it was repetitive and its easy to get lost in the details
- there is a feel of not following DRY: variation of data shapes echo accross client side reducers, GraphQL schemas, and TypeORM entities. Is there a higher level of abstractive meta-programming, a better way ?
- chapter 17 on AWS deploy seemed tacked on and rushed: its been a K8s world and it would have gone a long way (perhaps out of scope) to detail how best to deploy an observable fullstack.
All in all, the author put a lot of info together and showed how it all comes together as well.
September 4, 2025
First, the page number does not match from the first chapter, at around 4 to 6 page off. Confuse me.
Second, the framework or content is too "accurate", cover a lot but not in a sustainable way. In Nodejs/TypeScript dev cycle, everything changes everyday. Better give more knowledge on "why & what" better than "how" at time.
Second, the framework or content is too "accurate", cover a lot but not in a sustainable way. In Nodejs/TypeScript dev cycle, everything changes everyday. Better give more knowledge on "why & what" better than "how" at time.
Displaying 1 - 3 of 3 reviews