Learn React with TypeScript

اولین قدم خود را در مسیر ساخت اپلیکیشن‌های وب مقیاس‌پذیر و مدرن بر پایه‌ی کامپوننت، با استفاده از جدیدترین امکانات React 19، تایپ‌اسکریپت، و Next.js بردارید — با راهنمایی ساده و گام‌به‌گام این کتاب.

ویژگی‌های کلیدی:

• دستیابی به عملکرد فوق‌العاده با استفاده از React Server Components و Server Functions در فریم‌ورک Next.js
• مدیریت فرم‌ها، وضعیت (state) و واکشی داده با ابزارهای مدرن مانند Zustand و امکانات داخلی Next.js
• ساخت کامپوننت‌های مقیاس‌پذیر و قابل استفاده مجدد با الگوهای طراحی معتبر در React و TypeScript

توضیح کتاب:

خواندن، درک و اشکال‌زدایی یک کدبیس بزرگ فرانت‌اند می‌تواند بسیار چالش‌برانگیز باشد. کتاب Learn React with TypeScript – نسخه‌ی سوم به شما کمک می‌کند بر این چالش‌ها غلبه کنید و با یادگیری React، TypeScript، و Next.js — که فناوری‌های اصلی برای ساخت اپلیکیشن‌های مقیاس‌پذیر و با عملکرد بالا هستند — توانمند شوید.

این نسخه‌ی جدید، به‌روزرسانی شده برای React 19، شامل ویژگی‌های تازه‌ای مانند React Server Components، Server Functions، و هوک‌های قدرتمند مدرن از جمله useFormStatus و useActionState است. در طول این کتاب، کامپوننت‌های ایمن از نظر نوع (type-safe) با استفاده از تایپ‌اسکریپت خواهید ساخت، که آن را به منبعی ایده‌آل برای تازه‌کارهای React تبدیل می‌کند که می‌خواهند با الگوهایی آشنا شوند که در موقعیت‌های شغلی واقعی فرانت‌اند یا توسعه‌دهنده React کاربرد دارند.

در ادامه، با قابلیت‌های Next.js برای پیاده‌سازی React Server Components و مدیریت مسیرها (routing) آشنا می‌شوید و همچنین Zustand را به‌عنوان جایگزینی سبک‌وزن برای مدیریت وضعیت در مقایسه با ابزارهای سنتی تجربه خواهید کرد. فصل‌ها شما را با راهکارهای کارآمد برای واکشی داده در معماری RSC و اپلیکیشن‌های تک‌صفحه‌ای (SPA) آشنا می‌کنند. همچنین مباحثی مانند مدیریت فرم‌ها، معماری قابل استفاده مجدد و تست‌نویسی با Vitest برای اطمینان از کیفیت تولیدی برنامه‌ها پوشش داده شده‌اند.

در پایان این کتاب، اعتماد‌به‌نفس و مهارت لازم برای ساخت اپلیکیشن‌های قابل نگهداری با React، TypeScript، و Next.js را خواهید داشت — با پایبندی به بهترین شیوه‌های توسعه وب مدرن.

آنچه خواهید آموخت:

• استفاده از تکنیک‌های مختلف استایل‌دهی در React برای خلق رابط‌های کاربری زیبا و جذاب
• استفاده از Server Components برای ادغام مؤثر با کامپوننت‌های کلاینتی و بهینه‌سازی عملکرد
• مدیریت داده‌ها به شکل کارآمد برای تجربه‌ای روان و پاسخگو برای کاربر
• ساخت فرم‌های تعاملی و معتبر با استفاده از تایپ‌اسکریپت و Server Actions
• اشتراک‌گذاری وضعیت بین کامپوننت‌ها با Zustand
• طراحی اپلیکیشن‌های چندصفحه‌ای و مقیاس‌پذیر با استفاده از Next.js
• نوشتن تست‌های واحد برای کامپوننت‌های React با Vitest و React Testing Library

مخاطبان این کتاب:

این کتاب برای توسعه‌دهندگان تازه‌کار React، مهندسان فرانت‌اند یا توسعه‌دهندگان فول‌استکی است که می‌خواهند وب‌اپلیکیشن‌هایی بزرگ و مقیاس‌پذیر با React و TypeScript بسازند. این راهنما پایه‌ای قوی از شیوه‌های توسعه مدرن وب با React، تایپ‌اسکریپت و Next.js ارائه می‌دهد. دانش مقدماتی از HTML، CSS و JavaScript برای استفاده از این کتاب لازم است.

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

Book Description

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

What 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 for

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

Table of Contents

1. Getting Started with React
2. Getting Started with TypeScript
3. Using React Hooks
4. Approaches to Styling React Frontends
5. Using React Server and Client Components
6. Creating a Multi-Page App with Next.js
7. Server Component Data Fetching and Server Function Mutations
8. Client Component Data Fetching and Mutations with TanStack Query
9. Working with Forms
10. State Management
11. Reusable Components
12. Unit Testing with Vitest and the React Testing Library

About the Author

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.