پروژه های React ویرایش دوم

این کتاب به شما کمک می‌کند تا دانش React خود را با نشان دادن نحوه اعمال الگوهای اولیه و پیشرفته React برای ایجاد اپلیکیشن‌های کاربردی بین پلت فرم به سطح بعدی ارتقا دهید.
مفاهیم React به‌گونه‌ای توصیف‌شده است که برای توسعه‌دهندگان جدید و با تجربه قابل‌درک باشد. هیچ تجربه قبلی از React موردنیاز نیست، اگرچه کمک می‌کند. در هر یک از 10 فصل این کتاب، شما یک پروژه با React یا React Native ایجاد خواهید کرد. پروژه‌های ایجادشده در این فصل‌ها ویژگی‌های محبوب React مانند هوک ها (Hooks) برای استفاده مجدد از منطق، API متنی برای مدیریت وضعیت، و تعلیق. کتابخانه‌های محبوب مانند React Router و React Navigation برای مسیریابی استفاده می‌شوند، درحالی‌که فریم ورک تست جاوا اسکریپت React Testing Library و Cypress برای نوشتن تست‌های واحد و یکپارچه‌سازی برای اپلیکیشن ها استفاده می‌شود. همچنین، برخی از فصل‌های پیشرفته‌تر شامل یک سرویس دهنده GraphQL هستند و Expo برای کمک به شما در ایجاد اپلیکیشن های React Native استفاده می‌شود.

آنچه این کتاب پوشش می‌دهد
فصل 1، ایجاد یک اپلیکیشن تک‌صفحه‌ای در React، به بررسی پایه و اساس ساخت پروژه‌های React می‌پردازد. بهترین روش‌ها در مورد نحوه ساختار فایل‌ها، بسته‌های مورداستفاده و ابزارها موردبحث و تمرین قرار خواهند گرفت. در حین ساختن یک اپلیکیشن تک‌صفحه‌ای، با معماری React آشنا خواهید شد. همچنین از webpack و Babel برای کامپایل کد استفاده می‌شود.
فصل 2، ایجاد پورتفولیو در React با کامپوننت‌های قابل استفاده مجدد و مسیریابی، نحوه راه‌اندازی و استفاده مجدد از استریل را در کامپوننت های React در کل اپلیکیشن‌تان توضیح می‌دهد. یک اپلیکیشن کارت GitHub ایجاد خواهیم کرد تا نحوه استفاده از CSS در جاوا اسکریپت و استفاده مجدد از کامپوننت‌ها و استایل در اپلیکیشن خود را مشاهده کنیم. در کنار این، با پیاده‌سازی ناوبری با React Router v6 آشنا خواهید شد
فصل 3، ساخت یک مدیریت برد پروژه پویا، نحوه استفاده مجدد از استایل بندی اپلیکیشن از کامپوننت با استفاده از هوک (Hook) ها را پوشش می‌دهد. شما یاد خواهید گرفت که چگونه هوک های سفارشی بسازید و با Web APIها تعامل کنید تا کامپوننتی قابل drag کردن بسازید. Styled Components برای آسان‌تر کردن استایل بندی به کامپوننت‌های React به روشی مقیاس‌پذیر معرفی شده‌اند.
فصل 4، Server-Side-Rendered Community Feed با استفاده از Next.js، در مورد مسیریابی، از راه‌اندازی مسیرهای اصلی، مدیریت مسیرهای پویا، و نحوه تنظیم مسیرها جهت رندر سمت سرویس دهنده بحث خواهد کرد که از فریم ورک وب React Next.js همان‌طور که در حین ساختن یک اپلیکیشن بر اساس Stack Overflow یاد خواهید گرفت، استفاده خواهد شد.
فصل 5، ایجاد یک اپلیکیشن لیست خرید شخصی با استفاده از Context و Hooks را به شما نشان می‌دهد که چگونه از React context API با Hooks برای مدیریت جریان داده در سراسر اپلیکیشن استفاده کنید. ما یک لیست خرید شخصی ایجاد می‌کنیم تا ببینیم چگونه می‌توان به داده‌ها دسترسی پیدا کرد و از کامپوننت‌های والد به فرزند و بالعکس با Hooks و API متنی تغییر داد.
فصل 6، ساخت یک اپلیکیشن کاربردی در حال بررسی TDD با استفاده از React Testing Library و Cypress، بر روی تست واحد با ادعاها و عکس‌های فوری تمرکز خواهد کرد. شما یاد خواهید گرفت که چگونه پوشش تست را مدیریت کنید و تست‌های ادغام بصری را با استفاده از فریم ورک Cypress پیاده‌سازی کنید. یک اپلیکیشن بررسی هتل خواهیم ساخت تا نحوه تست کامپوننت و جریان داده‌ها را ببینیم.
فصل 7، ساخت یک اپلیکیشن تجارت الکترونیکی تمام پشته با Next.js و GraphQL، از GraphQL برای رندر یک بک‌اند (Backend) به اپلیکیشن استفاده می‌کند. این فصل به شما نشان می‌دهد که چگونه یک اپلیکیشن React تمام پشته (Full Stack) را با Next.js از جمله یک سرویس دهنده GraphQL پایه راه‌اندازی کنید. ما یک اپلیکیشن تجارت الکترونیک خواهیم ساخت تا نحوه ایجاد یک سرویس دهنده، ارسال درخواست به آن و رسیدگی به احراز هویت را ببینیم.
فصل 8، ساخت یک بازی متحرک با استفاده از React Native و Expo، در مورد انیمیشن‌ها و ژست‌ها صحبت می‌کند، که واقعا یک اپلیکیشن تلفن همراه را از یک اپلیکیشن وب متمایز می‌کند. در این فصل نحوه پیاده سازی آن‌ها توضیح داده خواهد شد. همچنین تفاوت ژست‌های حرکتی بین iOS و اندروید با ساخت اپلیکیشن بازی کارتی که دارای انیمیشن است و به ژست ها پاسخ می‌دهد نشان داده می‌شود.
فصل 9، ساخت یک اپلیکیشن رسانه اجتماعی تمام پشته (Full-Stack) با React Native و Expo، مقیاس و ساختار اپلیکیشن های React Native را پوشش می‌دهد، که کمی با اپلیکیشن های وب ایجادشده با React متفاوت هستند. در این فصل نحوه استفاده از APIهای بومی دستگاه تلفن همراه، مانند استفاده از دوربین، در حین ساخت یک اپلیکیشن رسانه اجتماعی تمام پشته برای بررسی بهترین شیوه‌ها برای React Native توضیح داده می‌شود.
در فصل 10، ایجاد یک اپلیکیشن واقعیت مجازی با React و Three.js، نحوه شروع کار با React و Three.js با ایجاد یک نمایش گر پانوراما که به کاربر این امکان را می‌دهد تا در دنیای مجازی به اطراف نگاه کند و کامپوننتی درون آن ایجاد کند، بحث خواهد شد. . اپلیکیشنی که می‌سازید شبیه یک بازی است که می‌توانید در واقعیت مجازی (VR) بازی کنید.