React 18 Design Patterns and Best Practices

🚀 شروع کنید و یاد بگیرید چطور اپلیکیشن‌های وب فوق‌العاده‌ای با ری‌اکت بسازید که با استفاده از الگوهای طراحی و آخرین دستاوردهای این صنعت، قابل مقیاس‌پذیری و نگهداری باشن.

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

🔄 ویژگی‌های جدید React 18 و Node 19 را در این نسخه چهارم به‌روزشده کشف و بررسی میکنید.

🛠 با TypeScript، معماری MonoRepo و چندین ابزار پیشرفته ری‌اکت به سرعت همگام میشوید.

📈 از کلی مثال واقعی و جریان فصل‌بندی بهبودیافته کتاب یاد میگیرید.

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

🏗 ری‌اکت به شما کمک میکنه تا هوشمندانه‌تر کار کنید، نه سخت‌تر؛ اما برای بهره‌مندی از مزایای این کتابخانه محبوب جاوااسکریپت و کامپوننت‌های اون، به یک راهنمای سرراست نیاز دارید که به شما آموزش بده چطور بیشترین استفاده رو ازش ببرید.

📘 کتاب React 18 Design Patterns and Best Practices به شما کمک میکنه تا از ری‌اکت به شکل موثری استفاده کنید تا اپلیکیشن‌های خودتون رو انعطاف‌پذیرتر و نگهداری‌شون رو راحت‌تر کنید، پرفورمنس رو بالا ببرید و در عین حال بوست بزرگی به ورک‌فلوی خودتون بدید. نسخه چهارم به‌روزشده با سازماندهی بهتر مطالب و اضافه کردن دانش بهترین روش‌ها (Best Practices) به جعبه ابزار دولوپری شما، یک تجربه یادگیری پیشرفته رو تضمین میکنه.

📦 این کتاب به سه بخش تقسیم شده؛ بخش اول اصول الگوهای ری‌اکت رو به شما آموزش میده، بخش دوم به نحوه کارکرد داخلی ری‌اکت عمیق میشه و بخش سوم روی اپلیکیشن‌های واقعی تمرکز میکنه. تمام نمونه کدهای کتاب به آخرین نسخه ری‌اکت آپدیت شدن و همچنین کلی بخش جدید پیدا میکنید که ویژگی‌های جدید React 18 و Node 19 رو در کنار معماری MonoRepo و یک فصل اختصاصی برای TypeScript بررسی میکنه.

🎓 در پایان این کتاب، شما میتونید به طور بهینه اپلیکیشن‌های وب واقعی ری‌اکت رو بسازید و دیپلوی کنید.

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

⚙️ با ویژگی‌های جدید React 18 و Node 19 کاملاً آشنا میشوید.

🎯 قابلیت‌های پایه و پیشرفته TypeScript رو کشف میکنید.

💬 با اعمال الگوها و تکنیک‌های مختلف، کاری میکنید که کامپوننت‌ها با یکدیگر ارتباط برقرار کنند.

🏗 به ساختار و معماری MonoRepo عمیق میشوید.

🌐 از رندرینگ سمت سرور (SSR) برای بالا بردن سرعت لود اپلیکیشن‌ها استفاده میکنید.

🧪 مجموعه‌ای جامع از تست‌ها رو برای ساخت کدهای مستحکم و نگهداری‌پذیر می‌نویسید.

⚡️ با استایل‌دهی و بهینه‌سازی کامپوننت‌های ری‌اکت، اپلیکیشن‌هایی با پرفورمنس بالا میسازید.

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

💻 این کتاب برای توسعه‌دهندگان وبی است که می‌خوان با یادگیری الگوهای طراحی کلیدی و بهترین روش‌ها در توسعه اپلیکیشن‌های واقعی، بر ری‌اکت مسلط بشن. قبل از شروع، به یک تجربه در سطح متوسط با ری‌اکت و جاوااسکریپت نیاز خواهید داشت.

📑 فهرست مطالب

1 برداشتن اولین قدم‌ها با ری‌اکت

2 معرفی TypeScript

3 پاک‌سازی و تمیز کردن کدها

4 بررسی الگوهای محبوب کامپوزیشن (Composition Patterns)

5 کدنویسی برای مرورگر

6 زیباسازی ظاهر کامپوننت‌ها

7 آنتی‌پترن‌هایی که باید از آن‌ها دوری کرد

8 راه‌اندازی و کار با React Hooks

9 مدیریت مسیرها با React Router

10 ویژگی‌های جدید React 18

11 مدیریت دیتا

12 رندرینگ سمت سرور (Server-Side Rendering)

13 درک GraphQL با یک پروژه واقعی

14 معماری MonoRepo

15 بهبود پرفورمنس اپلیکیشن‌های شما

16 تست‌نویسی و دیباگ کردن

17 دیپلوی در محیط پروداکشن

✍️ درباره نویسنده

کارلوس سانتانا رولدان یک دولوپر ارشد وب با بیش از 15 سال تجربه است. در حال حاضر، او به عنوان مهندس اصلی (Principal Engineer) در APM Music مشغول به کار است. او بنیان‌گذار JS Education است، جایی که فناوری‌های وب مانند ری‌اکت، Node.js، جاوااسکریپت و TypeScript را به علاقه‌مندان آموزش میده.

Dive in and discover how to build awesome React web apps that you can scale and maintain using design patterns and the latest industry insights

Key Features

• Discover and unpack the latest React 18 and Node 19 features in this updated fourth edition
• Get up to speed with TypeScript, MonoRepo architecture, and several cutting-edge React tools
• Learn from plenty of real-world examples and an improved chapter flow

Book Description

React helps you work smarter, not harder — but to reap the benefits of this popular JavaScript library and its components, you need a straightforward guide that will teach you how to make the most of it.

React 18 Design Patterns and Best Practices will help you use React effectively to make your applications more flexible, easier to maintain, and improve their performance, while giving your workflow a huge boost. With a better organization of topics and knowledge about best practices added to your developer toolbox, the updated fourth edition ensures an enhanced learning experience.

The book is split into three parts; the first will teach you the fundamentals of React patterns, the second will dive into how React works, and the third will focus on real-world applications. All the code samples are updated to the latest version of React and you’ll also find plenty of new additions that explore React 18 and Node 19’s newest features, alongside MonoRepo Architecture and a dedicated chapter on TypeScript.

By the end of this book, you’ll be able to efficiently build and deploy real-world React web applications.

What you will learn

• Get familiar with the new React 18 and Node 19 features
• Explore TypeScript’s basic and advanced capabilities
• Make components communicate with each other by applying various patterns and techniques
• Dive into MonoRepo architecture
• Use server-side rendering to make applications load faster
• Write a comprehensive set of tests to create robust and maintainable code
• Build high-performing applications by styling and optimizing React components

Who this book is for

This book is for web developers who want to master React by learning key design patterns and best practices in real-world application development. You’ll need an intermediate-level experience with React and JavaScript before you get started.

Table of Contents

1. Taking Your First Steps with React
2. Introducing TypeScript
3. Cleaning Up Your Code
4. Exploring Popular Composition Patterns
5. Writing Code for the Browser
6. Making Your Components Look Beautiful
7. Anti-Patterns to Be Avoided
8. React Hooks
9. React Router
10. React 18 New Features
11. Managing Data
12. Server-Side Rendering
13. Understanding GraphQL with a Real Project
14. MonoRepo Architecture
15. Improving the Performance of Your Applications
16. Testing and Debugging
17. Deploying to Production

About the Author

Carlos Santana Roldán is a senior web developer with more than 15 years of experience. Currently, he is working as a Principal Engineer at APM Music. He is the founder of JS Education, where he teaches people web technologies such as React, Node.js, JavaScript, and TypeScript.