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.

Free with your book: DRM-free PDF version + access to Packt's next-gen Reader*

A practical, hands-on guide for building production-ready applications with confidence - Luca Del Puppo- Senior Software Engineer|Google Developer Expert

A practical guide to full-stack web development that builds strong fundamentals while showing how to use LLM powered coding tools effectively.- Adil Aliyev- Senior Software Engineer

A valuable resource for developers looking to build scalable applications with today's technology. Chetan Nada- SDE 2

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. Authentication and Authorization
3. Building the Full-Stack Application
4. Deploying Full-Stack Applications
5. AI-Assisted Development with LLM Coding Agents

(N.B. Please use the Read Sample option to see detailed chapters.)

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.