تسلط به کتابخانه‌های React (با کدبیس Customerly)

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

• با استفاده از مثال‌های واقعی از Customerly، بر React Router مسلط شوید تا مسیریابی و ناوبری پویا را در وب اپلیکیشن های خود مدیریت کنید.
• از React Query برای ساده‌سازی دریافت و کش داده‌ استفاده کنید و با مثال‌هایی از کدبیس Customerly عملکرد اپلیکیشن خود را بهینه کنید.
• با مثال‌های عملی از محیط تولید Customerly، چگونگی استفاده از Recoil برای مدیریت state پیچیده در پروژه‌های React را یاد بگیرید.
• قدرت i18next را برای بین‌المللی‌سازی و بومی‌سازی در اپلیکیشن های React خود درک کنید و از پشتیبانی چندزبانه Customerly به عنوان یک مطالعه موردی استفاده کنید.
• به بررسی کدبیس Customerly بپردازید تا یاد بگیرید این چهار کتابخانه React چگونه در یک اپلیکیشن واقعی با هم استفاده می‌شوند.
• بهترین شیوه ها برای یکپارچه‌سازی React Router با کامپوننت‌ها و مدیریت state در React را یاد گرفته و از اشتباهات رایج دوری کنید.
• کشف کنید که React Query چگونه می‌تواند کارهای پیچیده مدیریت داده مانند صفحه‌بندی و کشینگ را با استفاده از مثال‌هایی از کدبیس Customerly ساده کند.
• قابلیت‌های Recoil برای مدیریت state سراسری در اپلیکیشن های React را با نکات و ترفندهایی از محیط تولید Customerly بررسی کنید.
• با راهنمایی و مثال‌هایی از استراتژی‌های بومی‌سازی Customerly، از i18next برای ارائه پشتیبانی چندزبانه به اپلیکیشن های React خود استفاده کنید.
• تجربه عملی با کدبیس Customerly کسب کنید و بیاموزید چگونه وب اپلیکیشن های مبتنی بر React را برای محیط‌های تولیدی بهینه کنید.

توضیحات دوره

React معروف‌ترین فریم‌ورک جاوااسکریپت در بازار است که می‌توانید از آن برای ایجاد وب اپلیکیشن ها استفاده کنید. Facebook، Whatsapp، Instagram ،Netflix و Dropbox تنها برخی از اپلیکیشن هایی هستند که بر پایه React ساخته شده‌اند.

به همین دلیل، مدرس این دوره را ایجاد کرد تا درباره چهار کتابخانه‌ای صحبت کند که روزانه در React از آن‌ها استفاده می‌کند.

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

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

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

در این دوره درباره چه موضوعاتی صحبت می‌کنیم؟

• React Router: در فصل مربوط به React Router، خواهیم دید که چگونه از آخرین نسخه React Router (v6.8) همراه با APIهای داده جدید استفاده کنیم. چگونگی مدیریت پروژه‌های جدید با توابع جدید React Router و پروژه‌های قدیمی با کامپوننت‌های React Router را خواهیم دید.
• Tanstack React Query: در فصل مربوط به Tanstack React Query، یاد می‌گیریم چگونه از این کتابخانه قدرتمند برای مدیریت درخواست‌های API و ذخیره آن‌ها در کش استفاده کنیم. کتابخانه‌ای که توسط بازیگران بزرگی مانند GitHub، Vercel و Retool حمایت می‌شود.
• Facebook RecoilJS: RecoilJS یک کتابخانه نگه‌دارنده state است که توسط توسعه‌دهندگان فیسبوک ایجاد شده است. در فصل مربوط به Recoil، خواهیم دید که چگونه از این کتابخانه با اتم‌ها و سلکتورها استفاده کنیم و برخی از قراردادهایی که در Customerly استفاده می‌کنیم را مرور خواهیم کرد.
• i18next: در فصل مربوط به i18next، درباره این فریم‌ورک عالی برای بومی‌سازی صحبت خواهیم کرد و همچنین پکیج react-i18next را خواهیم دید. علاوه بر این، Localazy را نیز بررسی می‌کنیم، یک سرویس مناسب که می‌تواند در ترجمه اپلیکیشن های ما کمک کند.
• نکات و ترفندها: فصلی به نکاتی در مورد کتابخانه‌هایی که دیده‌ایم و برخی توصیه‌های عمومی توسعه که مدرس می‌تواند از تجربه خود ارائه دهد، اختصاص دارد.

این دوره برای چه کسانی مناسب است؟

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