Full-Stack React, TypeScript, and Node

Explore the evolving landscape of full-stack development with the latest web technologies to build production-ready React applications and deploy them using Docker on AWS.

Key Features

• New Update: Chapters on monitoring, observability, and AI-assisted development
• Master the architecture of React 19 and modern single-page applications (SPAs)
• Containerize with Docker and Podman, automate workflows with CI/CD and deploy to the cloud

Book Description

In the fast-paced world of web development, React is a widely used library for building applications, while Node.js and Express support scalable server-side solutions and web services. TypeScript enhances JavaScript projects with robustness and maintainability, making it an essential tool for large-scale applications.

This edition provides a hands-on guide to mastering these technologies, with new chapters and updated content that reflects current industry practices. Begin with a solid foundation in TypeScript to build high-quality web applications. Explore React 19, leveraging the Hooks API and Redux Toolkit for state management. Then transition to server-side development with Express, incorporating modern practices like JWT-based authentication and Prisma ORM for database management. A major focus of this edition is production readiness. Learn how to containerize your application with Docker and Podman, automate builds and tests with GitHub Actions, and deploy to the cloud.

New chapters add monitoring and observability with OpenTelemetry and Grafana plus a hands-on guide to AI-assisted development with LLM coding agents. Other updates include Vitest for testing and expanded content on Postgres and Prisma ORM.

By the end of this book, you will have built and deployed a comprehensive full-stack application, ready for production.

What you will learn

• Build a full-stack application using React 19, TypeScript, and Node.js
• Apply TypeScript's key features to improve code quality and maintainability
• Build React apps with functional components, Hooks and Redux Toolkit
• Test frontend and backend code with Vitest and React Testing Library
• Set up an Express API with PostgreSQL and Prisma from scratch
• Secure your API with JWT authentication and authorization
• Containerize applications with Docker and Podman, then deploy to the cloud with CI/CD
• Add monitoring and observability, and explore AI-assisted development

Who this book is for

This book is designed for experienced developers who are new to full-stack web development. It is ideal for those with production programming experience in any language looking to transition into building full-stack applications using modern web technologies. A good understanding of JavaScript is required.

Table of Contents

1. Understanding TypeScript
2. Exploring TypeScript
3. Building Better Apps with ES6+ Features
4. Learning Single Page Application Concepts with React
5. React Development with Hooks
6. Learning Redux, Context, and React Router
7. Testing with Vitest and React Testing Library
8. Understanding Node.js
9. Learning Express
10. Database and Persistence with PostgreSQL + Prisma
11. Authentication and Authorization
12. Building the Full-Stack Application
13. Deploying Full-Stack Applications
14. Monitoring and Observability
15. AI-Assisted Development with LLM Coding Agents

David Choi is a developer with over 14 years of experience building enterprise-class applications across a variety of frameworks and languages. His professional work has focused on the finance industry, with companies including JPMorgan, CSFB, and Franklin Templeton. He shares development content on YouTube through the David Choi channel and on X as @jsoneaday.

Cihan Yakar is a full-stack developer with over 20 years of experience building web and enterprise applications, with a primary focus on .NET and strong expertise in TypeScript, React, and Node.js. A three-time Microsoft Most Valuable Professional (MVP), he is a regular speaker at both international and local conferences on .NET, React, and AI.