
Learn React with TypeScript
A beginner's guide to building real-world, production-ready web apps with React 19 and TypeScript
Carl Rippon(Author)
Packt Publishing
3rd Edition
Published on 8. July 2025
Book
Paperback/Softback
444 pages
978-1-83664-317-3 (ISBN)
Description
Take your first step in building modern-day component-based scalable web apps using the latest features and capabilities of React 19, TypeScript, and Next.js with this easy-to-follow guide
Key Features
Unlock powerful performance gains with React server components and server functions in Next.js
Manage forms, state, and data fetching with modern tools like Zustand and Next.js
Build reusable, scalable components using proven React and TypeScript design patterns
Purchase of the print or Kindle book includes a free PDF eBook
Book DescriptionReading, navigating, and debugging a large frontend codebase can be challenging. Learn React with TypeScript, 3rd Edition helps you overcome these challenges by teaching you React, TypeScript, and Next.js, which are core technologies for building scalable, high-performance apps.
Updated for React 19, this new edition covers new features such as React Server Components, server functions, and powerful modern hooks, including useFormStatus and useActionState. You'll build type-safe components using TypeScript, making this book ideal for React beginners who want to master patterns. aligned with real-world frontend and React developer roles.
You'll also explore Next.js for RSCs and routing, and learn to use Zustand for global state in React-a lightweight alternative to traditional state managers. The chapters guide you through efficient data-fetching strategies with RSCs in Next.js, as well as in single-page applications (SPAs). The book also covers form handling, reusable architecture, and testing React components with Vitest to ensure robust, production-ready apps.
By the end of this book, you'll have the confidence and skills to build maintainable React applications with TypeScript and Next.js, following modern web development best practices.
*Email sign-up and proof of purchase requiredWhat you will learn
Apply React styling techniques to create stunning and visually engaging UIs
Leverage server components to seamlessly integrate with client components for optimized performance
Fetch and manage data efficiently in React for a smooth, responsive user experience
Build interactive, validated forms with TypeScript and server actions to handle user input
Share state efficiently across components using Zustand
Structure scalable, multi-page applications effortlessly with Next.js
Write unit tests for React apps with Vitest and React Testing Library
Who this book is forThis book is for aspiring React developers, frontend engineers, or full-stack developers looking to build large-scale web applications using React and TypeScript. This guide offers a solid foundation in modern web development practices using React, TypeScript, and Next.js. Intermediate knowledge of HTML, CSS, and JavaScript is required.
Key Features
Unlock powerful performance gains with React server components and server functions in Next.js
Manage forms, state, and data fetching with modern tools like Zustand and Next.js
Build reusable, scalable components using proven React and TypeScript design patterns
Purchase of the print or Kindle book includes a free PDF eBook
Book DescriptionReading, navigating, and debugging a large frontend codebase can be challenging. Learn React with TypeScript, 3rd Edition helps you overcome these challenges by teaching you React, TypeScript, and Next.js, which are core technologies for building scalable, high-performance apps.
Updated for React 19, this new edition covers new features such as React Server Components, server functions, and powerful modern hooks, including useFormStatus and useActionState. You'll build type-safe components using TypeScript, making this book ideal for React beginners who want to master patterns. aligned with real-world frontend and React developer roles.
You'll also explore Next.js for RSCs and routing, and learn to use Zustand for global state in React-a lightweight alternative to traditional state managers. The chapters guide you through efficient data-fetching strategies with RSCs in Next.js, as well as in single-page applications (SPAs). The book also covers form handling, reusable architecture, and testing React components with Vitest to ensure robust, production-ready apps.
By the end of this book, you'll have the confidence and skills to build maintainable React applications with TypeScript and Next.js, following modern web development best practices.
*Email sign-up and proof of purchase requiredWhat you will learn
Apply React styling techniques to create stunning and visually engaging UIs
Leverage server components to seamlessly integrate with client components for optimized performance
Fetch and manage data efficiently in React for a smooth, responsive user experience
Build interactive, validated forms with TypeScript and server actions to handle user input
Share state efficiently across components using Zustand
Structure scalable, multi-page applications effortlessly with Next.js
Write unit tests for React apps with Vitest and React Testing Library
Who this book is forThis book is for aspiring React developers, frontend engineers, or full-stack developers looking to build large-scale web applications using React and TypeScript. This guide offers a solid foundation in modern web development practices using React, TypeScript, and Next.js. Intermediate knowledge of HTML, CSS, and JavaScript is required.
More details
Edition
3rd Revised edition
Language
English
Place of publication
Birmingham
United Kingdom
Target group
Professional and scholarly
US School Grade: College Graduate Student
Edition type
Revised edition
Dimensions
Height: 235 mm
Width: 191 mm
Thickness: 24 mm
Weight
823 gr
ISBN-13
978-1-83664-317-3 (9781836643173)
Copyright in bibliographic data and cover images is held by Nielsen Book Services Limited or by the publishers or by their respective licensors: all rights reserved.
Schweitzer Classification
Other editions
Additional editions

Carl Rippon
Learn React with TypeScript
A beginner's guide to building real-world, production-ready web apps with React 19 and TypeScript
E-Book
07/2025
3rd Edition
Packt Publishing
from
€35.99
Available for download
Person
Carl Rippon is a seasoned software developer with over 25 years of experience in building complex business applications across a range of industries. For the past 15 years, he has specialized in modern JavaScript technologies - particularly React, TypeScript, and Next.js. A passionate educator and writer, Carl has authored more than 100 blog posts, sharing practical insights and solutions with the developer community.
Content
Table of Contents
Getting Started with React
Getting Started with TypeScript
Using React Hooks
Approaches to Styling React Frontends
Using React Server and Client Components
Creating a Multi-Page App with Next.js
Server Component Data Fetching and Server Function Mutations
Client Component Data Fetching and Mutations with TanStack Query
Working with Forms
State Management
Reusable Components
Unit Testing with Vitest and the React Testing Library
Getting Started with React
Getting Started with TypeScript
Using React Hooks
Approaches to Styling React Frontends
Using React Server and Client Components
Creating a Multi-Page App with Next.js
Server Component Data Fetching and Server Function Mutations
Client Component Data Fetching and Mutations with TanStack Query
Working with Forms
State Management
Reusable Components
Unit Testing with Vitest and the React Testing Library