کتاب پروژه های React

کتاب پروژه های React نوشتهٔ روی درکس و ترجمهٔ رمضان عباس نژادورزی و مهرانه احمدی است و انتشارات فناوری نوین آن را منتشر کرده است. با React و React Native پروژه‌های چند پلت‌‎فرمی پیشرفته بسازید تا به یک توسعه‌دهنده حرفه‌ای تبدیل شوید.

درباره کتاب پروژه های React

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

نسخه‌های React پشتیبانی شده برای این کتاب عبارت‌اند از:

  React - v18.0  React Native - v0.64 

فصل‌های کتاب پروژه های React از این قرار است:

فصل ۱، ایجاد یک اپلیکیشن تک‌صفحه‌ای در React، به بررسی پایه و اساس ساخت پروژه‌های React می‌پردازد. بهترین روش‌ها در مورد نحوه ساختار فایل‌ها، بسته‌های مورداستفاده و ابزارها موردبحث و تمرین قرار خواهند گرفت. در حین ساختن یک اپلیکیشن تک‌صفحه‌ای، با معماری React آشنا خواهید شد. همچنین از webpack و Babel برای کامپایل کد استفاده می‌شود. فصل ۲، ایجاد پورتفولیو در React با کامپوننت‌های قابل استفاده مجدد و مسیریابی، نحوه راه‌اندازی و استفاده مجدد از استریل را در کامپوننت¬های React در کل اپلیکیشن‌تان توضیح می‌دهد. یک اپلیکیشن کارت GitHub ایجاد خواهیم کرد تا نحوه استفاده از CSS در جاوا اسکریپت و استفاده مجدد از کامپوننت‌ها و استایل در اپلیکیشن خود را مشاهده کنیم. در کنار این، با پیاده‌سازی ناوبری با React Router v6 آشنا خواهید شد فصل ۳، ساخت یک مدیریت برد پروژه پویا، نحوه استفاده مجدد از استایل‌بندی اپلیکیشن از کامپوننت با استفاده از هوک (Hook)ها را پوشش می‌دهد. شما یاد خواهید گرفت که چگونه هوک‌های سفارشی بسازید و با Web APIها تعامل کنید تا کامپوننتی قابل drag کردن بسازید. Styled Components برای آسان‌تر کردن استایل بندی به کامپوننت‌های React به روشی مقیاس‌پذیر معرفی شده‌اند. 

فصل ۴، Server-Side-Rendered Community Feed با استفاده از Next.js، در مورد مسیریابی، از راه‌اندازی مسیرهای اصلی، مدیریت مسیرهای پویا، و نحوه تنظیم مسیرها جهت رندر سمت سرویس‌دهنده بحث خواهد کرد که از فریم‌ورک وب React Next.js همان‌طور که در حین ساختن یک اپلیکیشن بر اساس Stack Overflow یاد خواهید گرفت، استفاده خواهد شد. فصل ۵، ایجاد یک اپلیکیشن لیست خرید شخصی با استفاده از Context و Hooks را به شما نشان می‌دهد که چگونه از React context API با Hooks برای مدیریت جریان داده در سراسر اپلیکیشن استفاده کنید. ما یک لیست خرید شخصی ایجاد می‌کنیم تا ببینیم چگونه می‌توان به داده‌ها دسترسی پیدا کرد و از کامپوننت‌های والد به فرزند و بالعکس با Hooks و API متنی تغییر داد. فصل ۶، ساخت یک اپلیکیشن کاربردی در حال بررسی TDD با استفاده از React Testing Library و Cypress، بر روی تست واحد با ادعاها و عکس‌های فوری تمرکز خواهد کرد. شما یاد خواهید گرفت که چگونه پوشش تست را مدیریت کنید و تست‌های ادغام بصری را با استفاده از فریم‌ورک Cypress پیاده‌سازی کنید. یک اپلیکیشن بررسی هتل خواهیم ساخت تا نحوه تست کامپوننت و جریان داده‌ها را ببینیم. فصل ۷، ساخت یک اپلیکیشن تجارت الکترونیکی تمام پشته با Next.js و GraphQL، از GraphQL برای رندر یک بک‌اند (Backend) به اپلیکیشن استفاده می‌کند. این فصل به شما نشان می‌دهد که چگونه یک اپلیکیشن React تمام پشته (Full Stack) را با Next.js از جمله یک سرویس‌دهنده GraphQL پایه راه‌اندازی کنید. ما یک اپلیکیشن تجارت الکترونیک خواهیم ساخت تا نحوه ایجاد یک سرویس‌دهنده، ارسال درخواست به آن و رسیدگی به احراز هویت را ببینیم. فصل ۸، ساخت یک بازی متحرک با استفاده از React Native و Expo، در مورد انیمیشن‌ها و ژست‌ها صحبت می‌کند، که واقعاً یک اپلیکیشن تلفن همراه را از یک اپلیکیشن وب متمایز می‌کند. در این فصل نحوه پیاده‌سازی آن‌ها توضیح داده خواهد شد. همچنین تفاوت ژست‌های حرکتی بین iOS و اندروید با ساخت اپلیکیشن بازی کارتی که دارای انیمیشن است و به ژست‌ها پاسخ می‌دهد نشان داده می‌شود. فصل ۹، ساخت یک اپلیکیشن رسانه اجتماعی تمام پشته (Full-Stack) با React Native و Expo، مقیاس و ساختار اپلیکیشن‌های React Native را پوشش می‌دهد، که کمی با اپلیکیشن‌های وب ایجادشده با React متفاوت هستند. در این فصل نحوه استفاده از APIهای بومی دستگاه تلفن همراه، مانند استفاده از دوربین، در حین ساخت یک اپلیکیشن رسانه اجتماعی تمام پشته برای بررسی بهترین شیوه‌ها برای React Native توضیح داده می‌شود. در فصل ۱۰، ایجاد یک اپلیکیشن واقعیت مجازی با React و Three.js، نحوه شروع کار با React و Three.js با ایجاد یک نمایش‌گر پانوراما که به کاربر این امکان را می‌دهد تا در دنیای مجازی به اطراف نگاه کند و کامپوننتی درون آن ایجاد کند، بحث خواهد شد. اپلیکیشنی که می‌سازید شبیه یک بازی است که می‌توانید در واقعیت مجازی (VR) بازی کنید.

خواندن کتاب پروژه های React را به چه کسانی پیشنهاد می‌کنیم

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