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

🧹 آیا به دنبال کدی تمیز، کارآمد و قابل مدیریت هستید؟

📈 آیا می‌خواهید با آخرین بهترین شیوه‌ها و استانداردها همگام باشید؟

📚 اگر پاسخ مثبت است، نسخه دوم به‌روز شده Learning JavaScript Design Patterns نقطه شروع ایده‌آل شماست.

👨‍🏫 نویسنده، Addy Osmani، نشان می‌دهد چگونه می‌توان الگوهای مدرن طراحی را در جاوااسکریپت و React اعمال کرد—شامل ماژول‌ها، میکسین‌ها، Observerها و Mediatorها.

⚡ همچنین با الگوهای عملکرد و رندرینگ مانند server-side rendering و معماری Islands آشنا خواهید شد.

🏗️ یاد خواهید گرفت که چگونه الگوهای معماری مانند MVC، MVP و MVVM از دید یک توسعه‌دهنده وب مدرن مفید هستند.

📘 این کتاب پوشش می‌دهد:

🏛️ الگوهای معماری برای ساختاردهی اجزا و برنامه‌ها

🛠️ بیش از ۲۰ الگوی طراحی در جاوااسکریپت و React، قابل استفاده برای توسعه‌دهندگان در هر سطح

📂 دسته‌بندی‌های مختلف الگو شامل Creational، Structural و Behavioral

🚀 الگوهای عملکردی ضروری شامل Dynamic Imports و Code-Splitting

🎨 الگوهای رندرینگ مانند Server-Side Rendering، Hydration و Islands Architecture

📑 فهرست مطالب

فصل 1: مقدمه‌ای بر الگوهای طراحی

فصل 2: تست “Pattern”-ity، Proto-Patterns و Rule of Three

فصل 3: ساختاردهی و نوشتن الگوها

فصل 4: ضدالگوها (Anti-Patterns)

فصل 5: سینتکس و ویژگی‌های مدرن جاوااسکریپت

فصل 6: دسته‌بندی الگوهای طراحی

فصل 7: الگوهای طراحی جاوااسکریپت

فصل 8: الگوهای MV* در جاوااسکریپت

فصل 9: الگوهای برنامه‌نویسی ناهمگام

فصل 10: الگوهای طراحی ماژولار جاوااسکریپت

فصل 11: الگوهای Namespacing

فصل 12: الگوهای طراحی React.js

فصل 13: الگوهای رندرینگ

فصل 14: ساختار برنامه برای React.js

فصل 15: جمع‌بندی و نتیجه‌گیری

🌐 همچنین با سینتکس مدرن جاوااسکریپت مانند ماژول‌ها، و الگوهای React مانند Hooks و HOCs آشنا خواهید شد تا در دنیای همیشه در حال تحول توسعه وب پیشرو باشید.

⏳ از زمانی که نسخه اول کتاب را بیش از ۱۰ سال پیش نوشتم، دنیای جاوااسکریپت تغییرات زیادی کرده است.

📈 این زبان اکنون یکی از محبوب‌ترین زبان‌های برنامه‌نویسی در جهان است و برای همه چیز از اسکریپت‌های ساده تا برنامه‌های پیچیده وب استفاده می‌شود.

⚙️ ماژول‌ها، Promises و async/await تأثیر زیادی بر نحوه معماری برنامه‌ها گذاشته‌اند.

🔧 نحوه نوشتن کامپوننت‌ها، به ویژه با React، نیز به تفکر در مورد قابلیت نگهداری کد کمک کرده است.

🛠️ با ظهور کتابخانه‌ها و فریم‌ورک‌های مدرن مانند React، Vue و Angular، توسعه‌دهندگان اکنون برنامه‌هایی پیچیده‌تر از همیشه می‌سازند.

📖 نسخه دوم این کتاب به توسعه‌دهندگان کمک می‌کند الگوهای مدرن طراحی را در کدهای جاوااسکریپت و برنامه‌های React به کار بگیرند.

📌 این کتاب بیش از ۲۰ الگوی طراحی ضروری برای ساخت برنامه‌های قابل نگهداری و مقیاس‌پذیر ارائه می‌دهد و علاوه بر آن الگوهای رندرینگ و عملکرد را نیز پوشش می‌دهد.

📝 نسخه اول بر الگوهای کلاسیک مانند Module، Observer و Mediator تمرکز داشت.

🆕 نسخه جدید شامل الگوهای جدیدی مانند Promises، async/await و نسخه‌های مدرن Module است.

🏗️ همچنین الگوهای معماری MVC، MVP و MVVM و جایگاه فریم‌ورک‌های مدرن با این معماری‌ها بررسی شده‌اند.

🎯 علاوه بر الگوهای کلاسیک، این کتاب الگوهای مدرن React مانند Hooks، HOCs و Render Props را نیز پوشش می‌دهد که برای ساخت برنامه‌های مدرن وب ضروری هستند.

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

🚀 یاد خواهید گرفت Dynamic Imports، Code-Splitting، Server-Side Rendering، Hydration و Islands Architecture را برای ایجاد وب‌اپلیکیشن‌های سریع و پاسخگو پیاده‌سازی کنید.

📚 در پایان، شما:

• درک عمیقی از الگوهای طراحی و کاربرد آن‌ها در کدهای جاوااسکریپت و React خواهید داشت
• خواهید دانست چه الگوهایی در وب مدرن کاربردی هستند و چه الگوهایی نه
• یاد می‌گیرید چگونه کد خود را برای حداکثر قابلیت نگهداری و مقیاس‌پذیری ساختاربندی کنید
• و نحوه بهینه‌سازی عملکرد کد را فرا می‌گیرید

👨‍💼 درباره نویسنده

Addy Osmani مهندس ارشد و رهبر تیم‌های تجربه توسعه‌دهنده در Google Chrome است.

💡 او پروژه‌های متن‌باز متعددی دارد و نویسنده کتاب‌هایی مانند Learning Patterns، Learning JavaScript Design Patterns و Image Optimization است.

🌐 وبلاگ شخصی او: addyosmani.com

Do you want to write beautiful, structured, and maintainable JavaScript by applying modern design patterns to the language? Do you want clean, efficient, manageable code? Want to stay up-to-date with the latest best practices? If so, the updated second edition of Learning JavaScript Design Patterns is the ideal place to start.

Author Addy Osmani shows you how to apply modern design patterns to JavaScript and React—including modules, mixins, observers, and mediators. You'll learn about performance and rendering patterns such as server-side rendering and Islands architecture. You'll also learn how architectural patterns like MVC, MVP, and MVVM are useful from the perspective of a modern web application developer.

This book explores:

• Architectural patterns for structuring your components and apps
• More than 20 design patterns in JavaScript and React, applicable for developers at any level
• Different pattern categories including creational, structural, and behavioral
• Essential performance patterns including dynamic imports and code-splitting
• Rendering patterns such as server-side rendering, hydration, Islands architecture, and more

Table of Contents

Chapter 1. Introduction to Design Patterns

Chapter 2. "Pattern" -ity Testing, Proto-Patterns, and the Rule of Three

Chapter 3. Structuring and Writing Patterns

Chapter 4. Anti-Patterns

Chapter 5. Modern JavaScript Syntax and Features

Chapter 6. Categories of Design Patterns

Chapter 7. JavaScript Design Patterns

Chapter 8. JavaScript MV* Patterns

Chapter 9. Asynchronous Programming Patterns

Chapter 10. Modular JavaScript Design Patterns

Chapter 11. Namespacing Patterns

Chapter 12. React.js Design Patterns

Chapter 13. Rendering Patterns

Chapter 14. Application Structure for React.js

Chapter 15. Conclusions

Additionally, you'll explore modern JavaScript syntax like JavaScript modules, React patterns like Hooks, higher-order components (HOCs), and more, to stay ahead in the ever-evolving world of web development.

The world of JavaScript has come a long way since I wrote the first edition of Learning JavaScript Design Patterns over 10 years ago. At that time, I was working on large-scale web applications and found that the lack of structure and organization in JavaScript code made it difficult to maintain and scale those applications.

Fast forward to today, and the web development landscape has changed dramatically. JavaScript has become one of the most popular programming languages in the world and is used for everything from simple scripts to complex web applications. The JavaScript language has evolved to include modules, promises, and async/await, which has heavily influenced how we architect applications. The way developers write components, such as with React, has also significantly impacted how they think about maintainability. This has resulted in the need for modern patterns that take these new changes into account.

With the rise of modern libraries and frameworks like React, Vue, and Angular, developers are now building applications that are more complex than ever before. I recognized the need for an updated version of Learning JavaScript Design Patterns to reflect the changes in JavaScript and web application development.

In this second edition of Learning JavaScript Design Patterns, I aim to help developers apply modern design patterns to their JavaScript code and React applications. The book covers more than 20 design patterns essential for building maintainable and scalable applications. The book is not just about design patterns but also about rendering and performance patterns, which are critical to the success of modern web applications.

The first edition of this book focused on classical design patterns, such as the Module pattern, the Observer pattern, and the Mediator pattern. These patterns are still important and relevant today, but the web development world has evolved significantly in the past decade, and new patterns have emerged. This new edition covers these new patterns, such as promises, async/await, and the newer variations of the Module pattern. We also cover architectural patterns such as MVC, MVP, and MVVM and discuss where modern frameworks fit with these architectural patterns.

Today’s developers are exposed to many library-specific or framework-specific design patterns. React’s matured ecosystem and utilization of newer JS primitives provide an excellent launchpad to talk about best practices and patterns in the framework or library context. In addition to classic design patterns, this book covers modern React patterns, such as Hooks, Higher-Order Components, and Render Props. These patterns are specific to React and essential for building modern web applications using this popular framework.

This book is not just about patterns; it’s also about best practices. We cover topics such as code organization, performance, and rendering, which are crucial for building high-quality web applications. You will learn about dynamic imports, code-splitting, server-side rendering, hydration, and Islands architecture, all of which are essential for building fast and responsive web applications.

By the end of this book, you will have a deep understanding of design patterns and how to apply them to your JavaScript code and React applications. You will also know which patterns are relevant to the modern web and which are not. This book is not just a reference for patterns; it’s also a guide to building high-quality web applications. You will learn how to structure your code for maximum maintainability and scalability and how to optimize your code for performance.

About the Author

Addy Osmani is an Engineering Leader working on Google Chrome. He leads Chrome's Developer Experience teams, helping to keep the web fast and delightful to build. Addy has authored several open-source projects as well as a number of books including Learning Patterns, Learning JavaScript Design Patterns, and Image Optimization. His personal blog is addyosmani.com.