آموزش استفاده از تایپ‌اسکریپت (TypeScript) در ریکت (React) - آخرین آپدیت

سرفصل ها و درس ها

معرفی تایپ‌اسکریپت در اپلیکیشن ریکت Introducing TypeScript to a React App

• مقدمه و مبانی تایپ‌اسکریپت Introduction and TypeScript Basics

• چه مشکلاتی ممکن است پیش بیاید و چرا به تایپ‌اسکریپت نیاز داریم What Could Go Wrong and the Case for TypeScript

• کار با TypeScript Playground و یادداشت‌های نوع (Type Annotations) TypeScript Playground and Type Annotations

• سه الگوی کاربردی تایپ‌اسکریپت برای اپلیکیشن‌های ریکت Three TypeScript Patterns for React Apps

• سرفصل‌های دوره و معرفی مخزن گیت‌هاب What’s Coming in This Course and the GitHub Repo

تبدیل اپلیکیشن جاوااسکریپت موجود به تایپ‌اسکریپت Converting an Existing JavaScript App to TypeScript

• الگوهای تبدیل و بخش‌های مرتبط در ریکت The Conversions Patterns and Their Associated React Parts

• نکات مربوط به راه‌اندازی پروژه تایپ‌اسکریپت A Word About TypeScript Project Setup

• الگوی پارامترهای تابع در تایپ‌اسکریپت The Function Parameters Pattern in TypeScript

• افزودن تایپ به پارامترهای تابع از جمله اشیاء (Objects) Adding Types to Function Parameters including Objects

• چگونه Types و Interface در تایپ‌اسکریپت کد را بهینه می‌کنند How TypeScript Types and Interface Streamline Code

• الگوی ویژگی‌های کامپوننت (Props) در تایپ‌اسکریپت The Components Properties Pattern in TypeScript

• الگوی تایپ‌های جنریک (Generic Types) در تایپ‌اسکریپت The Generic Types Pattern in TypeScript

• مهاجرت Theme Provider به تایپ‌اسکریپت Migrating Our Theme Provider to TypeScript

• کاهش چشمگیر پیچیدگی با استفاده از تایپ‌دهی ضمنی (Implicit Typing) Implicit Typing Can Significantly Decrease Complexity

• استفاده از useReducer و عملگر Union در تایپ‌اسکریپت useReducer and the TypeScript Union Operator

• دلایل استفاده از useReducer The Case for useReducer

• استفاده از Discriminated Union در تایپ‌اسکریپت همراه با useReducer TypeScript Descriminated Union Type with useReducer

• تبدیل کامپوننت‌های پیچیده شامل useReducer با Discriminated Union Converting Complex Component including useReducer with Discriminated Union

• تایپ‌اسکریپت و دستکاری DOM با استفاده از useRef TypeScript and DOM Manipulation with useRef

• جمع‌بندی و نکات کلیدی Takeaways

پیاده‌سازی امنیت نوع داده (Type Safety) در زمان اجرا برای کامپوننت‌ها و توابع سرور ریکت Implementing Type Safety at Runtime for React Server Components and Functions

• امنیت نوع داده در زمان اجرا و معرفی Zod Type Safety at Runtime and Zod

• به‌روزرسانی کلاینت و سرور ریکت با تایپ‌اسکریپت (پیش از افزودن Zod) Updating Client and Server React with Just TypeScript and No Zod Yet

• ساخت Schema در Zod و تایپ معادل آن در تایپ‌اسکریپت Creating a Zod Schema and the Analogous TypeScript Type

• اعتبارسنجی داده‌های React Server Component با Zod React Server Component Data Validated with Zod

• اعتبارسنجی داده‌های React Client Component با Zod React Client Component Data Validated with Zod

• افزودن Zod به کلاینت ریکت هنگام فراخوانی توابع سرور (Server Functions) Adding Zod to a React Client When Calling a React Server Function

• جمع‌بندی نهایی دوره Course Takeaways