Share E-Book
Scan to open this page

Scan with your phone to open this page

Author: David Choi, Cihan Yakar

Rating No ratings yet

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 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.

AI Reading Assistant

Whole-book reading guide from stratified index samples; jump to passages in the text

AI guide
【One-Line Pitch】 A hands-on tour of the modern JavaScript full-stack toolchain, taking you from TypeScript fundamentals through React 19 and Express to a containerized, monitored, cloud-deployed application. Best for developers who already know some JavaScript and want one guided path from typed frontend code to production operations. 【Book Arc】 - **Opening (~0%–10%)**: Orients you to the full-stack landscape and the book's end goal — a production-ready app — then lays the TypeScript foundation: static vs. dynamic typing, interfaces, classes, access modifiers, and utility types like Pick and Omit. - **Early (~10%–35%)**: Refreshes modern JavaScript (arrow functions, equality and truthiness, Promises, async/await) as the prerequisite for TypeScript, then introduces the SPA model and React's core ideas — components, declarative rendering, and the virtual DOM/fiber reconciliation. - **Middle (~35%–60%)**: The React build-out: function components and the Hooks API (including newer Suspense, `use`, optimistic updates, and form hooks like `useActionState`), plus global state with Redux Toolkit, Context, and routing with React Router. - **Late (~60%–85%)**: Crosses to the server — Node.js internals (V8, modules, event loop), Express middleware and REST APIs, PostgreSQL with Prisma ORM (migrations, relations, transactions), and JWT/Argon2 authentication with role-based access and refresh-token rotation. - **Ending (~85%–100%)**: Production readiness — wiring frontend and backend through a type-safe API client, then containerizing with Docker/Podman, automating with GitHub Actions CI/CD, deploying to the cloud, and adding monitoring and observability with OpenTelemetry and Grafana, plus AI-assisted development with LLM coding agents. 【Key Takeaways】 - **TypeScript is treated as a language, not a lint rule** (Opening): static typing, interfaces-as-contracts, encapsulation, and standard-library utility types are taught before any app code, so later type-safety has foundations. - **Modern JavaScript fluency is a prerequisite, not a detour** (Early): arrow-function body styles, `==` vs `===`, truthiness, and Promise/async-await cleanup are revisited because TypeScript is a superset of JavaScript. - **React's mental model is explained before its API** (Middle): components, declarative rendering, and virtual-DOM reconciliation come first, which makes the Hooks chapter (state, effects, shared logic, Suspense, `use`, optimistic updates) easier to absorb. - **State has layers, and the book separates them** (Middle): local component state, lighter sharing via Context, and app-wide state via Redux Toolkit, with React Router handling navigation above any single component. - **Testing is behavior-first** (Middle): Vitest as runner plus React Testing Library for components, with mocking for dependencies you don't want to call for real — testing what the user sees, not internals. - **The server is built from the metal up** (Late): Node's V8 execution, module system, and event loop precede Express middleware/routing, then PostgreSQL + Prisma give the app durable, fully typed persistence. - **Auth is taught as a full lifecycle** (Late): JWT mechanics, Argon2 password hashing, registration/login, route-protecting middleware, role-based access control, and safe refresh-token rotation. - **Production readiness is the book's spine** (Ending): type-safe API client, token refresh and race conditions, containerization with Docker/Podman, GitHub Actions CI/CD, cloud deployment, and observability via OpenTelemetry and Grafana. 【Reading Tips】 - Deep-read the TypeScript and JavaScript chapters even if you think you know them — the later type-safe API client and Prisma code depend on that vocabulary. - Skim the environment-setup and tooling-installation passages; return to them only when a later chapter's commands fail. - Treat the Hooks chapter as the hardest conceptual jump: pause on Suspense, `use`, and `useActionState` and re-implement the small examples rather than reading straight through. - Read the authentication and full-stack integration chapters together — token refresh and race conditions only make sense once both halves are talking. - If you are already comfortable with Docker and CI/CD, skim the deployment chapter but still read the monitoring/observability material, which is new in this edition. 【Coverage Limits】 This guide is synthesized from stratified excerpts covering the front matter, table of contents, and early-to-middle chapters; the excerpts do not cover the detailed content of the later deployment, observability, and AI-assisted development chapters beyond their descriptions.
Excerpt 1
ck application, ready for production. xi Table of Contents Common authentication approaches • 370 Learning how JWT tokens work..................................
View in text
Excerpt 2
causes an error. Try removing the comments, //, before tom.msg = "hello" and compiling. You should see this message: Chapter 2 48 One last note: if you are u...
View in text
Excerpt 3
pt equality, we need to understand JavaScript's base types. In modern JavaScript, these are the primitive types: • number 91 Building Better Apps with ES6+ F...
View in text
Excerpt 4
sg.id}>{msg.message}</li> </ul> </div> } 7. Our JSX has two components, an input to take in our user's text input and a ul, unordered list that displays a fi...
View in text
Excerpt 5
file system has a path Chapter 6 196 3. Now open the HomeC.tsx file and update it like this: import { Link, useParams } from "react-router-dom"; export funct...
View in text
Excerpt 6
dx_a411bc9e provide a specific response for that route. The response could be returning some specific data or writing data to a database, but having routes h...
View in text
Excerpt 7
ace in your code that references a renamed or removed field. This type safety works at compile time through TypeScript's type checker, not through runtime da...
View in text
Excerpt 8
. Given a hash, you cannot determine which input created it. You can only guess inputs and check whether they produce a matching hash, which with a sufficien...
View in text
Tags
AI categories
Web TechnologyTypeScriptFull-Stack Development
ISBN: 1803235772
Publisher: Packt Publishing
Publish Year: 2026
Language: English
Pages: 626
File Format: PDF
File Size: 20.1 MB
Text Preview (First 20 pages)
Registered users can read the full content for free

Register as a Gaohf Library member to read the complete e-book online for free and enjoy a better reading experience.

Generating text preview…