React Key Concepts

🚀 پیاده‌سازی بااطمینان ری‌اکت در پروژه بعدی با این بررسی عمیق و جامع از قابلیت‌های کلیدی ری‌اکت – حالا آپدیت‌شده برای ری‌اکت ۱۹

💬 «اگر می‌خواهید ری‌اکت را یاد بگیرید، شدیداً توصیه می‌کنم این کتاب را مدنظر داشته باشید.»

— نیکی سیاپنو، مدیر مهندسی در کانوا

💬 «این کتاب به شکل طراوت‌بخشی کاربردی است و کار فوق‌العاده‌ای در پوشش دادن مفاهیم پایه‌ای و پیشرفته انجام داده است.»

— مایانک آهوجا، متخصص فناوری

💬 «من در مسیر تمام کردن کتاب هستم و کلی از مفاهیم ری‌اکت برام یادآوری شد، بقیه رو بهبود دادم و چیزهای جدیدی یاد گرفتم!»

— لوکا دل پوپو، مایکروسافت MVP و گوگل دولوپر اکسپرت

📊 نکات کلیدی

💡 پیشبرد کار با توضیحات واضح و خلاصه از قابلیت‌های کلیدی ری‌اکت ۱۹

🧪 انجام تمرین‌های کاربردی که شما رو برای ساخت اپلیکیشن‌های ساده خودتون به چالش می‌کشه

⚙️ کشف ری‌اکت فول‌استک با نکست‌جی‌اس، کامپوننت‌های سروری ری‌اکت (RSC)، ساسپنس و موارد دیگه

🧠 توضیحات کتاب

🌍 ماکس شواتسمولر، مدرس پرفروش، این مرجع یادگیری سریع رو نوشته که مفاهیم کلیدی ری‌اکت رو عصاره‌گیری و خلاصه‌سازی کرده. توضیحات ساده، مثال‌های مرتبط و استنتاج‌های گام‌به‌گام، این راهنما رو به یک ریسورس ایده‌آل برای دولوپرهای پرمشغله تبدیل میکنه. در این نسخه دوم، ماکس شما رو از میان تغییرات ایجادشده در ری‌اکت ۱۹ هدایت میکنه؛ از جمله هوک جدید use()، فرم اکشن‌ها، و نحوه تفکر درباره ری‌اکت روی سمت سرور.

🔄 این کتاب شما رو در پروژه‌های بعدی ری‌اکت با دادن یک درک پشت‌صحنه از این فریم‌ورک حمایت میکنه – چه تازه دوره ویدیویی ماکس رو تموم کرده باشید و به دنبال یک مرجع دم‌دست بگردید، یا اینکه از منابع آموزشی متنوع دیگه‌ای استفاده میکنید و به یک راهنمای جامع نیاز دارید تا همه چیز رو کنار هم جمع کنه.

💻 شما می‌تونید سورس کامل تمام کوییزها و تمرین‌های آخر فصل رو در ریپازیتوری گیت‌هاب کتاب پیدا کنید.

📊 آنچه یاد خواهید گرفت

🚀 ساخت اپلیکیشن‌های وب مدرن، کاربرپسند و واکنش‌گرا (Reactive)

🧱 ساخت کامپوننت‌ها و استفاده از پراپس برای انتقال دیتا بین اون‌ها

🔄 مدیریت ایونت‌ها، انجام آپدیت‌های استیت و مدیریت محتوای شرطی

🎨 اضافه کردن استایل‌ها به صورت داینامیک و شرطی برای رابط‌های کاربری مدرن

⚙️ استفاده از تکنیک‌های پیشرفته مدیریت استیت مثل کانتکست ای‌پی‌آی در ری‌اکت

🧭 استفاده از ری‌اکت روتر برای رندر کردن پیج‌های مختلف برای یو‌آر‌ال‌های متفاوت

💡 درک بهترین روش‌های کلیدی و فرصت‌های بهینه‌سازی کدهای پروژه

💻 یادگیری درباره کامپوننت‌های سروری ری‌اکت و سرور اکشن‌ها

💻 این کتاب برای چه کسانی است؟

🌍 این کتاب ری‌اکت برای دولوپرهایی هست که تجربه قبلی دارن یا در حال حاضر دارن اصول اولیه ری‌اکت رو یاد می‌گیرن. شما می‌تونید از این کتاب به عنوان یک منبع مستقل برای تثبیت درک خودتون یا به عنوان یک راهنمای همراه برای دوره‌های دیگه استفاده کنید. برای گرفتن بیشترین بازدهی از این کتاب، باید یک درک پایه‌ای از اصول جاوااسکریپت، اچ‌تی‌ام‌ال و سی‌اس‌اس داشته باشید.

📑 فهرست مطالب

1. ری‌اکت – چیستی و چرایی
2. درک کامپوننت‌های ری‌اکت و JSX
3. کامپوننت‌ها و پراپس
4. کار با ایونت‌ها و استیت
5. رندر کردن لیست‌ها و محتوای شرطی
6. استایل‌دهی به اپلیکیشن‌های ری‌اکت
7. پورتال‌ها و رفرنس‌ها
8. مدیریت ساید افکت‌ها
9. مدیریت ورودی‌های کاربر و فرم‌ها با فرم اکشن‌ها
10. پشت صحنه ری‌اکت و فرصت‌های بهینه‌سازی
11. کار با استیت‌های پیچیده
12. ساخت هوک‌های سفارشی ری‌اکت
13. اپلیکیشن‌های چند صفحه‌ای با ری‌اکت روتر
14. مدیریت دیتا با ری‌اکت روتر
15. رندرینگ سمت سرور و ساخت اپلیکیشن‌های فول‌استک با نکست‌جی‌اس
16. کامپوننت‌های سروری ری‌اکت و سرور اکشن‌ها
17. درک ساسپنس در ری‌اکت و هوک use
18. قدم‌های بعدی و منابع بیشتر

🧠 نظرات

💬 «کتاب فوق‌العاده‌ای است! توضیحات کاربردی، واضح و ساده هستند. این یک شیرجه عمیق به ری‌اکت از مفاهیم پایه‌ای تا پیشرفته‌ترین‌هاست. این کتاب با پوشش دادن بیش از ۲۵۰ صفحه از مفاهیم، تمرین‌ها و توتوریال‌ها، تضمین می‌کند که از طریق تمرین عملی تخصص پیدا کنید. اگر می‌خواهید ری‌اکت را یاد بگیرید، شدیداً توصیه می‌کنم این کتاب را مدنظر داشته باشید.»

— نیکی سیاپنو، مدیر مهندسی در کانوا

💬 «کتاب حاشیه‌ها را کنار می‌زند و دقیقاً همان چیزی را ارائه می‌دهد که دولوپرهای مدرن ری‌اکت به آن نیاز دارند. این کتاب به طرز طراوت‌بخشی کاربردی است و کار فوق‌العاده‌ای در پوشش دادن مفاهیم پایه‌ای و پیشرفته انجام می‌دهد. برای دریافت بیشترین ارزش، به پایه‌ای قوی در جاوااسکریپت نیاز دارید. آن را به عنوان راهنمای خود برای ارتقای تخصص ری‌اکت در نظر بگیرید.»

— مایانک آهوجا، متخصص فناوری

💬 «اگر یک دولوپر ری‌اکت هستید، این کتاب برای شما ضروری است! ماکسیمیلیان شواتسمولر درست مثل ویدیوهایش، مفاهیم را در این کتاب به نرمی توضیح می‌دهد و یادگیری یا بهبود مهارت‌های ری‌اکت شما را مثل آب خوردن می‌کند. من در مسیر تمام کردن کتاب هستم و کلی از مفاهیم ری‌اکت برام یادآوری شد، بقیه رو بهبود دادم و چیزهای جدیدی یاد گرفتم! این کتاب به دولوپرهای جونیور و مید-لول کمک می‌کند تا مسیر خود را در ری‌اکت پیدا کنند و به دولوپرهای عالی تبدیل شوند، و به دولوپرهای سنیور هم کمک می‌کند تا برخی مفاهیم را یادآوری کرده یا بسیاری دیگر را بهبود ببخشند!»

— لوکا دل پوپو، مایکروسافت MVP و گوگل دولوپر اکسپرت

🧠 درباره نویسنده

🌍 ماکسیمیلیان شواتسمولر یک وب دولوپر و مدرس حرفه‌ای هست؛ اون از سن ۱۳ سالگی هرگز از یادگیری مهارت‌ها و زبان‌های برنامه‌نویسی جدید دست برنداشته. در روزهای اول، اون شروع به ساختن وب‌سایت‌ها صرفاً برای سرگرمی کرد. این اشتیاق باقی موند و تصمیم اون رو برای کار به عنوان یک وب دولوپر فریلنسر و مشاور شکل داد. اگرچه اون توسعه وب رو در سمت بک‌اند (پی‌اچ‌پی با لاراول و نودجی‌اس) شروع کرد، اما به یک فرانت‌اند دولوپر تبدیل شد که از فریم‌ورک‌های مدرن مثل ری‌اکت، انگولار و وی‌و‌جی‌اس ۲ در پروژه‌های زیادی استفاده میکنه. رضایت‌بخش‌ترین تجربه برای اون این هست که ببینه چطور افراد به کمک محتوای او، شغل‌های جدید و بهتری پیدا می‌کنن، اپلیکیشن‌های وب جذابی می‌سازن، پروژه‌های فوق‌العاده‌ای می‌گیرن یا صرفاً از سرگرمی خودشون لذت می‌برن.

Confidently implement React in your next project with this in-depth overview of React’s core features – now updated for React 19.

“If you want to learn React, I highly recommend that you consider this book.” – Nikki Siapno, Engineering Manager at Canva

“This book is refreshingly practical and does an excellent job covering both fundamentals and advanced concepts.” – Mayank Ahuja, Technology Specialist

“I’m on my way to finishing the book, and I’ve refreshed many React concepts, improved others and learned something new!” – Luca Del Puppo, Microsoft MVP & Google Developer Expert

Key Features

• Work through clear, concise explanations of core React 19 functionalities
• Complete practical exercises that challenge you to build your own simple apps
• Discover full-stack React with Next.js, React Server Components, Suspense, and more

Book Description

Bestselling instructor, Max Schwarzmüller has written this quick-start reference that distils the core concepts of React. Simple explanations, relevant examples, and step-by-step derivations make this guide the ideal resource for busy developers. In this second edition, Max guides you through changes brought by React 19, including the new use() hook, form actions, and how to think about React on the server.

This book will support you through your next React projects in giving you a behind-the-scenes understanding of the framework – whether you’ve just finished Max’s video course and are looking for a handy reference, or you’re using a variety of other learning materials and need a single study guide to bring everything together.

You’ll find full solutions to all end-of-chapter quizzes and exercises in the book’s GitHub repository.

What you will learn

• Build modern, user-friendly, and reactive web apps
• Create components and utilize props to pass data between them
• Handle events, perform state updates, and manage conditional content
• Add styles dynamically and conditionally for modern user interfaces
• Use advanced state management techniques such as React’s Context API
• Utilize React Router to render different pages for different URLs
• Understand key best practices and optimization opportunities
• Learn about React Server Components and Server Actions

Who this book is for

This React book is for developers who have prior experience with, or who are currently learning, the basics of React. You can use this book as a standalone resource to consolidate your understanding or as a companion guide to other courses.

To get the most value from this book, you should have a basic understanding of the fundamentals of JavaScript, HTML, and CSS.

Table of Contents

1. React – What and Why
2. Understanding React Components and JSX
3. Components and Props
4. Working with Events and State
5. Rendering Lists and Conditional Content
6. Styling React Apps
7. Portals and Refs
8. Handling Side Effects
9. Handling User Input & Forms with Form Actions
10. Behind the Scenes of React and Optimization Opportunities
11. Working with Complex State
12. Building Custom React Hooks
13. Multipage Apps with React Router
14. Managing Data with React Router
15. Server-side Rendering & Building Fullstack Apps with Next.js
16. React Server Components & Server Actions
17. Understanding React Suspense & The use() Hook
18. Next Steps and Further Resources

Review

“It’s a great book! The explanations are practical, clear and easy to follow. It’s a deep dive into React from basics to the most advanced concepts. Covering 250+ pages of concepts, exercises and tutorials, this book ensures you build expertise through hands-on practice. If you want to learn React, I highly recommend that you consider this book.”

Nikki Siapno, Engineering Manager at Canva

“The book cuts through the noise and delivers exactly what modern React developers need. This book is refreshingly practical and does an excellent job covering both basic and advanced concepts. You’ll need solid JavaScript fundamentals to get the most value. Think of it as your guide to leveling up your React expertise.”

Mayank Ahuja, Technology Specialist

“If you are a React Developer, this book is a must-have! Like in his videos, Maximilian Schwarzmüller explains the concepts smoothly in this book, making learning or improving your React skills a piece of cake. I’m on my way to finishing the book, and I’ve refreshed many React concepts, improved others and learned something new! This book will help junior and mid-level developers navigate React and become great React developers, and help senior developers refresh some concepts or improve many others!”

Luca Del Puppo, Microsoft MVP and Google Developer Expert

About the Author

Maximilian Schwarzmüller is a professional web developer and instructor, he has never stopped learning new programming skills and languages since the age of 13. In his early days, he started creating websites simply for fun. This passion has remained and shaped his decision to work as a freelance web developer and consultant. Although he started web development on the backend (PHP with Laravel and NodeJS), he has progressed to becoming a front-end developer using modern frameworks such as React, Angular, and VueJS 2 in many projects. The most rewarding experience for him is to see how people find new and better jobs, build exciting web applications, acquire amazing projects, or simply enjoy their hobby with the help of his content.