کتاب Modern Full-Stack React Projects

کتاب Modern Full-Stack React Projects: Build, maintain, and deploy modern web apps using MongoDB, Express, React, and Node.js (پروژه های مدرن Full-Stack React: ساخت، نگهداری و استقرار برنامه‌های وب مدرن با استفاده از MongoDB، Express، React و Node.js) شما را در کل فرآیند پیشرفت از یک توسعه‌دهنده frontend به یک توسعه‌دهنده فول استک راهنمایی می‌کند.

در ادامه مقدمه‌ای از کتاب Modern Full-Stack React Projects را از زبان نویسنده شرح خواهیم داد.

مقدمه‌ای بر کتاب Modern Full-Stack React Projects:

سلام – من دنیل هستم، یک کارآفرین، مشاور فنی، و یک توسعه دهنده کامل با تمرکز بر فناوری‌های موجود در اکوسیستم React.

در زمان من به عنوان یک مشاور فنی و توسعه دهنده برای شرکت‌ها و بخش دولتی، متوجه شده‌ام که شرکت‌های بیشتری به دنبال کاهش شکاف بین توسعه‌دهندگان فرانت‌اند و سرور هستند.

الزامات تجاری آن‌ها اغلب منجر به نیاز به یک به اصطلاح \”بک‌اند برای فرانت‌اند\” می‌شود، که در آن داده‌ها از سیستم‌های سرور مختلف واکشی می‌شوند و به گونه‌ای آماده می‌شوند که بتوان به راحتی در قسمت ظاهری نمایش داد.

به عنوان یک کارآفرین، من همچنین تجربه شروع پروژه‌های جدید با تیم‌های کوچکتر را دارم، جایی که ضروری است که هر توسعه دهنده در تیم شما بتواند همه کار‌ها را انجام دهد، نه فقط فرانت‌اند یا سرور.

در چنین مواردی، اغلب منطقی است که backend و frontend را به یک زبان، که اغلب جاوا اسکریپت (یا TypeScript) است، توسعه دهیم، زیرا یک اکوسیستم بزرگ و تعداد زیادی توسعه دهنده در دسترس است.

در هر دو مورد، تبدیل شدن به یک توسعه دهنده فول استک اهمیت فزاینده‌ای پیدا می‌کند. من مدت‌هاست که به توسعه‌دهندگان آموزش می‌دهم تا درباره توسعه فول استک بیشتر بیاموزند و متوجه شده‌ام که مشکلات و سوء تفاهم‌های رایجی وجود دارد که اکثر توسعه‌دهندگان هنگام یادگیری توسعه فول استک با آن مواجه می‌شوند.

در کتاب Modern Full-Stack React Projects، من می‌خواهم تمام آموخته‌ها و آموزه‌های خود را در مورد توسعه تمام پشته خلاصه کنم، و به شما نکاتی را در مورد مکان و نحوه یادگیری بیشتر در مورد اکوسیستم رو به رشد توسعه فول استک در جاوا اسکریپت ارائه کنم.

امروزه بسیاری از شرکت‌ها از پشته‌ای متشکل از MongoDB، Express، React و Node. js استفاده می‌کنند که پشته MERN نامیده می‌شود. در کتاب Modern Full-Stack React Projects به شما آموزش می‌دهم که چگونه با استفاده از این فناوری‌ها، برنامه‌های فول استک مدرن React بسازید.

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

علاوه بر این، من در مورد استقرار برنامه‌ها و DevOps آموزش خواهم داد، زیرا متوجه شدم که این بخش اغلب نادیده گرفته می‌شود و توسعه‌دهندگان کافی در مورد آن وجود ندارند.

در قسمت آخر کتاب، Next. js را به عنوان یک چارچوب تمام پشته معرفی می‌کنم و چشم‌اندازی از پیشرفت‌های جدید در این بخش، مانند React Server Components و Server Actions ارائه خواهم کرد.

امیدوارم از خواندن این کتاب لذت ببرید. اگر سؤال یا بازخوردی دارید، در صورت تمایل با من تماس بگیرید!

کتاب Modern Full-Stack React Projects برای چه کسی است؟

این کتاب برای توسعه‌دهندگانی است که قبلاً با React تجربه دارند و می‌خواهند یاد بگیرند که چگونه سیستم‌های Backend مختلف را ایجاد، ادغام و استقرار دهند تا به یک توسعه‌دهنده فول استک تبدیل شوند.

شما باید درک خوبی از جاوا اسکریپت و React داشته باشید، اما نیازی به داشتن دانش قبلی در مورد توسعه، ایجاد، یکپارچه‌سازی و استقرار سیستم‌های پشتیبان ندارید. اگر با یکی از چالش‌های زیر روبرو هستید، کتاب Modern Full-Stack React Projects برای شما عالی خواهد بود:

• شما می‌دانید که چگونه با React یک فرانت‌اند بسازید اما نمی‌دانید چگونه آن را به درستی با یک سرور ادغام کنید.
• شما می‌خواهید یک پروژه تمام پشته از ابتدا ایجاد کنید اما نمی‌دانید چگونه این کار را انجام دهید
• می‌خواهید در مورد استقرار برنامه‌ها و DevOps بیشتر بدانید
• می‌خواهید درباره توسعه مدرن React، مانند React Server Components، Server Actions و Next. js اطلاعات بیشتری کسب کنید.

کتاب Modern Full-Stack React Projects پروژه‌های دنیای واقعی را در اختیار شما قرار می‌دهد و شامل تمام مراحل مورد نیاز برای تبدیل شدن به یک توسعه‌دهنده فول استک است، از جمله، اما نه محدود به توسعه backend، توسعه frontend، تست (تست‌های واحد و تست‌های end-to-end)، و استقرار.

آنچه کتاب Modern Full-Stack React Projects پوشش می‌دهد:

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

فصل ۲ کتاب Modern Full-Stack React Projects، آشنایی با Node. js و MongoDB، اطلاعاتی در مورد نحوه نوشتن و اجرای اسکریپت‌ها با Node. js ارائه می‌دهد. سپس نحوه استفاده از Docker برای راه‌اندازی سرویس پایگاه داده را توضیح می‌دهد. همچنین MongoDB، پایگاه داده اسناد و نحوه دسترسی به پایگاه داده MongoDB از طریق Node. js را معرفی می‌کند.

فصل ۳ کتاب Modern Full-Stack React Projects، پیاده‌سازی Backend با استفاده از Express، آنچه را که در فصل ۲ کتاب Modern Full-Stack React Projects آموخته‌اید با ایجاد یک سرویس Backend عملی می‌کند. Express برای ارائه REST API، Mongoose ODM برای رابط با MongoDB، و Jest برای نوشتن تست‌های واحد برای کد سرور استفاده می‌شود.

فصل ۴، یکپارچه‌سازی یک فرانت‌اند با استفاده از React و TanStack Query، دستورالعمل‌هایی در مورد نحوه ایجاد یک فرانت‌اند که با سرویس سرور ایجاد شده قبلی ارتباط برقرار می‌کند، ارائه می‌دهد.

از Vite برای راه‌اندازی یک پروژه React استفاده می‌کند که در آن ما یک رابط کاربری اولیه ایجاد می‌کنیم. سپس، به شما می‌آموزد که چگونه از TanStack Query، یک کتابخانه واکشی داده، برای مدیریت وضعیت backend و ادغام API backend با frontend استفاده کنید.

فصل ۵ کتاب Modern Full-Stack React Projects، استقرار برنامه با Docker و CI/CD، با آموزش Docker و نحوه بسته‌بندی یک برنامه با آن، به DevOps می‌پردازد. سپس، دستورالعمل‌هایی در مورد نحوه استقرار یک برنامه در ارائه‌دهنده ابر و نحوه پیکربندی CI/CD برای خودکارسازی استقرار ارائه می‌دهد.

فصل ۶ کتاب Modern Full-Stack React Projects، افزودن احراز هویت با JWT، به شما در مورد JSON Web Tokens، راهی برای افزودن احراز هویت به برنامه‌های کاربردی وب، می‌آموزد. همچنین دستورالعمل‌هایی در مورد نحوه راه‌اندازی چندین مسیر با استفاده از React Router ارائه می‌دهد.

فصل ۷، بهبود زمان بارگذاری با استفاده از رندر سمت سرور، بنچمارک کردن یک برنامه را پوشش می‌دهد و به شما در مورد Web Vitals می‌آموزد.

سپس، دستورالعمل‌هایی در مورد نحوه پیاده‌سازی روشی برای رندر کردن کامپوننت‌های React روی سرور از ابتدا و نحوه واکشی اولیه داده‌ها در سرور ارائه می‌دهد.

فصل ۸ کتاب Modern Full-Stack React Projects، اطمینان از اینکه مشتریان شما را با بهینه‌سازی موتور جستجو پیدا می‌کنند، بر نحوه بهینه‌سازی یک برنامه برای یافتن توسط موتور‌های جستجو مانند Google یا Bing تمرکز دارد. علاوه بر این، اطلاعاتی در مورد نحوه ایجاد متا تگ برای ادغام آسان‌تر با سایت‌های رسانه‌های اجتماعی مختلف ارائه می‌دهد.

فصل ۹، پیاده‌سازی تست‌های انتها به انتها با استفاده از Playwright، Playwright را به عنوان ابزاری برای نوشتن تست‌های سرتاسر معرفی می‌کند، که به‌طور خودکار اقداماتی را در یک برنامه انجام می‌دهد تا بفهمد آیا کد شما همچنان همانطور که پس از ایجاد تغییرات طراحی شده اجرا می‌شود یا خیر. همچنین نحوه اجرای Playwright در CI با استفاده از GitHub Actions را پوشش می‌دهد.

فصل ۱۰ کتاب Modern Full-Stack React Projects، جمع‌آوری و تجسم آمار با استفاده از MongoDB و Victory، دستورالعمل‌هایی درباره نحوه جمع‌آوری رویداد‌ها در یک برنامه ارائه می‌دهد.

سپس، به شما می‌آموزد که چگونه داده‌ها را با MongoDB جمع‌آوری کنید تا آمار خلاصه، مانند تعداد بازدید‌ها یا مدت جلسه تولید کنید. در نهایت، ایجاد نمودار‌هایی برای تجسم آن آمار‌های انبوه با استفاده از کتابخانه Victory را پوشش می‌دهد.

فصل ۱۱، ساخت Backend با GraphQL API، GraphQL را به عنوان جایگزینی برای REST API معرفی می‌کند، و شما یاد خواهید گرفت که چه زمانی استفاده از آن مفید است و چگونه آن را در یک Backend پیاده‌سازی کنید.

فصل ۱۲، رابط با GraphQL در Frontend با استفاده از Apollo Client، به شما می‌آموزد که چگونه از Apollo Client در فرانت‌اند برای ارتباط با Backend قبلاً پیاده‌سازی شده GraphQL استفاده کنید.

فصل ۱۳ کتاب Modern Full-Stack React Projects، ساخت بک‌اند مبتنی بر رویداد با استفاده از Express و Socket. IO، یک معماری مبتنی بر رویداد را معرفی می‌کند که برای برنامه‌هایی که با داده‌های هم‌زمان سروکار دارند، مانند برنامه‌های مشترک (Google Docs یا تخته سفید آنلاین) یا مالی مفید است.

برنامه‌های کاربردی (صرافی کریکن). این به شما در مورد WebSockets و نحوه استفاده از Socket. IO برای پیاده‌سازی یک سرور مبتنی بر رویداد می‌آموزد.

فصل ۱۴، ایجاد یک فرانت‌اند برای مصرف و ارسال رویداد‌ها، یک فرانت‌اند برای سرور مبتنی بر رویداد قبلاً ایجاد شده پیاده‌سازی می‌کند و با استفاده از Socket. IO با آن ارتباط برقرار می‌کند.

فصل ۱۵، افزودن Persistence به Socket. IO با استفاده از MongoDB، به شما می‌آموزد که چگونه به درستی یک پایگاه داده را در یک برنامه مبتنی بر رویداد برای تداوم (و بعداً پخش مجدد) رویداد‌ها ادغام کنید.

فصل ۱۶، شروع به کار با Next. js، Next. js را به عنوان یک چارچوب برنامه وب تمام پشته آماده برای React معرفی می‌کند. این تفاوت بین استفاده از یک فریمورک و یک باندلر ساده مانند Vite را برجسته می‌کند. همچنین در مورد مسیریاب برنامه Next. js، یک الگوی جدید برای تعریف مسیر‌ها و صفحات به شما آموزش می‌دهد.

فصل ۱۷ کتاب Modern Full-Stack React Projects، معرفی React Server Components، مفهوم جدیدی را در React به شما می‌آموزد، Server Components، که به شما امکان می‌دهد مستقیماً برنامه‌های React را با پایگاه داده بدون نیاز به REST یا GraphQL API یکپارچه کنید.

علاوه بر این، در مورد اقدامات سرور به شما آموزش می‌دهد، که به شما امکان می‌دهد توابع روی سرور را از طریق frontend فراخوانی کنید.

فصل ۱۸، مفاهیم و بهینه‌سازی‌های پیشرفته Next. js، عمیق‌تر به چارچوب Next. js می‌پردازد و اطلاعاتی در مورد نحوه عملکرد کش در Next. js و نحوه استفاده از آن برای بهینه‌سازی برنامه‌ها ارائه می‌دهد.

همچنین در مورد تعریف مسیر‌های API در Next. js و نحوه افزودن متادیتا برای بهینه‌سازی موتور جستجو به شما آموزش می‌دهد. در نهایت، به شما می‌آموزد که چگونه تصاویر و فونت‌ها را در Next. js به طور بهینه بارگذاری کنید.

فصل ۱۹ کتاب Modern Full-Stack React Projects، استقرار یک برنامه Next. js، دو روش برای استقرار یک برنامه Next. js را به شما آموزش می‌دهد. ساده‌ترین راه استفاده از پلتفرم Vercel است که با آن می‌توانیم به سرعت برنامه خود را راه‌اندازی کنیم. با این حال، همچنین به شما می‌آموزد که چگونه با استفاده از Docker یک تنظیم استقرار سفارشی ایجاد کنید.

فصل ۲۰، مفاهیم دقیق‌تر توسعه فول استک، به طور خلاصه به موضوعات مختلف پیشرفته‌ای می‌پردازد که هنوز در کتاب Modern Full-Stack React Projects به آن‌ها پرداخته نشده است.

با مروری بر سایر چارچوب‌های تمام پشته شروع می‌شود و سپس مفاهیمی مانند حفظ پروژه‌های در مقیاس بزرگ، بهینه‌سازی اندازه بسته، مروری بر کتابخانه‌های UI، و راه‌حل‌های پیشرفته مدیریت حالت را خلاصه می‌کند.

سرفصل‌های کتاب Modern Full-Stack React Projects:

• Modern Full-Stack React Projects
• Contributors
• About the author
• About the reviewers
• Foreword
• Preface
• Part 1: Getting Started with Full-Stack Development
  • Chapter 1: Preparing for Full-Stack Development
  • Chapter 2: Getting to Know Node.js and MongoDB
• Part 2: Building and Deploying Our First Full-Stack Application with a REST API
  • Chapter 3: Implementing a Backend Using Express, Mongoose ODM, and Jest
  • Chapter 4: Integrating a Frontend Using React and TanStack Query
  • Chapter 5: Deploying the Application with Docker and CI/CD
• Part 3: Practicing Development of Full-Stack Web Applications
  • Chapter 6: Adding Authentication with JWT
  • Chapter 7: Improving the Load Time Using Server-Side Rendering
  • Chapter 8: Making Sure Customers Find You with Search Engine Optimization
  • Chapter 9: Implementing End-to-End Tests Using Playwright
  • Chapter 10: Aggregating and Visualizing Statistics Using MongoDB and Victory
  • Chapter 11: Building a Backend with a GraphQL API
  • Chapter 12: Interfacing with GraphQL on the Frontend Using Apollo Client
• Part 4: Exploring an Event-Based Full-Stack Architecture
  • Chapter 13: Building an Event-Based Backend Using Express and Socket.IO
  • Chapter 14: Creating a Frontend to Consume and Send Events
  • Chapter 15: Adding Persistence to Socket.IO Using MongoDB
• Part 5: Advancing to Enterprise-Ready Full-Stack Applications
  • Chapter 16: Getting Started with Next.js
  • Chapter 17: Introducing React Server Components
  • Chapter 18: Advanced Next.js Concepts and Optimizations
  • Chapter 19: Deploying a Next.js App
  • Chapter 20: Diving Deeper into Full-Stack Development
• Index
• Other Books You May Enjoy

جهت دانلود کتاب Modern Full-Stack React Projects می‌توانید پس از پرداخت، دریافت کنید.