تخفیف ویژه همین الان — دوره‌های تخفیف‌دار را ببینید.
روز
:
ساعت
:
دقیقه
:
ثانیه
تخفیف‌های ویژه
دوره آموزشی ساخت پروژه‌های مدرن با React

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

3 ساعت 51 دقیقهمتوسط2024-11-22

مدرسین

Shaun Wassell

Shaun Wassell

Full-Stack Software Developer

جزئیات دوره

در این دوره، با برخی از مهم‌ترین ابزارهای موجود در اکوسیستم React آشنا می‌شوید که به شما کمک می‌کنند تا توسعه را ساده‌تر کنید و پیچیدگی‌های state، side effects، ساختار و styling را مدیریت کنید. مدرس این دوره Shaun Wassell نحوه ایجاد یک پروژه پایه React را آموزش می‌دهد، سپس نشان می‌دهد چگونه می‌توانید Redux را اضافه کرده، thunks بسازید، از selectors استفاده کنید، با styled-components کار کنید، تست انجام دهید و موارد دیگر.

اهداف یادگیری:
ایجاد برنامه‌های React پایدارتر و قوی‌تر.
نصب React و ابزارهای مورد نیاز.
افزودن Redux به برنامه React.
استفاده از کتابخانه‌ها برای مدیریت side effects.
استایل‌دهی به برنامه‌های React با استفاده از styled components.
استفاده از React hooks و fragments.
انجام تست روی Redux، Redux Thunk، Reselect و styled components.

مهارت ها

React.jsMetaWeb Development ToolsFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesSoftware DevelopmentOne-Off

سرفصل ها

0. مقدمه

  • 01 - بیایید با React پروژه‌های مدرن بسازیم
  • 02 - آنچه باید بدانید

1. راه‌اندازی پروژه

  • 03 - راه‌اندازی اولیه و فایل‌های تمرین

2. بررسی اجمالی پروژه

  • 04 - چرا از اکوسیستم React استفاده‌کنیم ?
  • 05 - با ابزارهای اکوسیستم React آشنا شوید

3. ایجاد پروژه‌های React از ابتدا

  • 06 - ساخت یک پروژه React از ابتدا
  • 07 - نقطه ورود React
  • 08 - ایجاد یک اسکریپت React
  • 09 - استفاده از بسته وب برای ساخت یک برنامه React
  • 10 - افزودن اجزای بیشتر

4. ایجاد پروژه با Vite، Next.js، Remix و موارد دیگر

  • 11 - با Create React App یک پروژه ایجاد کنید
  • 12 - یک پروژه با Vite ایجاد کنید
  • 13 - یک پروژه با Next.js ایجاد کنید
  • 14 - با Remix یک پروژه ایجاد کنید

5. ایجاد یک پروژه پایه

  • 15 - با برنامه نمونه آشنا شوید
  • 16 - ایجاد کامپوننت TodoList
  • 17 - ایجاد کامپوننت TodoListItem
  • 18 - ایجاد کامپوننت NewTodoForm
  • 19 - قرار دادن برنامه در کنار هم

6. اضافه کردن Redux

  • 20 - چرا به Redux نیاز داریم
  • 21 - Redux چگونه کار می‌کند
  • 22 - افزودن Redux به برنامه React
  • 23 - ایجاد اکشن‌های Redux
  • 24 - ایجاد کاهنده
  • 25 - بارگذاری داده‌ها از فروشگاه
  • 26 - ارسال اقدامات Redux
  • 27 - افزودن بارهای اکشن
  • 28 - چالش - اضافه کردن یک جریان Redux
  • 29 - راه حل - اضافه کردن یک جریان Redux
  • 30 - Redux DevTools

7. جایگزین‌های Redux

  • 31 - مدیریت دولتی با پس زدن
  • 32 - مدیریت دولتی با MobX

8. مقابله با عوارض جانبی

  • 33 - چرا به Redux-Thunk نیاز داریم
  • 34 - Redux-Thunk چگونه کار می‌کند
  • 35 - Todos API
  • 36 - پیگیری وضعیت بارگذاری
  • 37 - دانلود داده‌ها با Thunks
  • 38 - Refactoring کاهنده to-dos
  • 39 - استفاده از Thunks برای ایجاد منابع سرور
  • 40 - استفاده از Thunks برای حذف منابع سرور
  • 41 - چالش - استفاده از Thunks برای به روز رسانی منابع سرور
  • 42 - راه حل - استفاده از Thunks برای به روز رسانی منابع سرور

9. انتخابگرها

  • 43 - چرا به انتخابگر نیاز داریم
  • 44 - ایجاد انتخابگر
  • 45 - ترکیب سلکتورها
  • 46 - استفاده از تابع createSelector

10. Styled-Components

  • 47 - چرا به کامپوننت‌های استایلد نیاز داریم؟
  • 48 - ایجاد یک کامپوننت سبک
  • 49 - انتقال لوازم به کامپوننت‌های مدل دار

11. آزمایش

  • 50 - آزمایش اکوسیستم‌های React
  • 51 - تست کاهنده
  • 52 - تست انتخابگرها
  • 53 - تست مولفه‌های سبک

نتیجه گیری

  • 54 - مراحل بعدی ساخت با React

دوره های مرتبط

درباره ما

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

شماره تلفنکانال آپاراتپشتیبانی تلگرامکانال تلگرامپیج اینستاگرام

کلیه‌ی حقوق این سایت متعلق به لینداکده می باشد

قوانین و شرایط|حریم خصوصی

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal