آموزش تسلط React Hooks: ساخت برنامه های مدرن React با پروژه ها

دانلود React Hooks Mastery: Building Modern React Applications with Projects

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

مهارت های React خود را با React Hooks Mastery به سطح بعدی ببرید! این دوره آموزشی عملی برای کمک به درک کامل و استفاده از React Hooks برای ایجاد برنامه های کاربردی پویا، حالت محور و مقیاس پذیر طراحی شده است. چه در Hooks تازه کار باشید و چه به دنبال عمق بخشیدن به درک خود باشید، این دوره همه چیز را از مفاهیم پایه گرفته تا الگوهای پیشرفته پوشش می دهد، همه اینها در عین تمرکز بر برنامه های کاربردی در دنیای واقعی.

آنچه خواهید آموخت

  • تسلط بر مدیریت حالت با useState: یاد بگیرید که چگونه حالت را به طور موثر مدیریت کنید، با متغیرهای حالت متعدد کار کنید، و تفاوت های ظریف ماهیت ناهمزمان React را درک کنید.
  • مدیریت چرخه زندگی با useEffect: نحوه مدیریت عوارض جانبی، کار با آرایه‌های وابستگی و استفاده از توابع پاکسازی برای بهینه‌سازی اجزای خود را کشف کنید.
  • کار با userRef : از قلاب useRef برای دستکاری DOM و مقادیر ماندگار در رندرها استفاده کنید.
  • ساده‌سازی اشتراک‌گذاری حالت با useContext: نحوه جلوگیری از حفاری پایه با ایجاد و به‌روزرسانی مؤثر مقادیر زمینه را بدانید.
  • ساخت و استفاده از قلاب های سفارشی: منطق قابل استفاده مجدد ایجاد کنید تا برنامه های خود را تمیز، منظم و کارآمد نگه دارید.

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

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

آنچه خواهید ساخت

این دوره یک رویکرد مبتنی بر پروژه دارد و شما را قادر می سازد چندین برنامه کاربردی را بسازید و پیاده سازی کنید، از جمله:

  1. مدیریت ورودی‌های فرم با useState: یاد بگیرید که چگونه ورودی‌های فرم پیچیده را به صورت پویا مدیریت کنید.
  2. یک برنامه انتخابگر رنگ: مدیریت حالت پویا را برای ایجاد یک ابزار سرگرم کننده و تعاملی کاوش کنید.
  3. ردیاب ماوس با useEffect: مدیریت چرخه حیات را با ردیابی حرکات ماوس در زمان واقعی درک کنید.
  4. یک برنامه ساعت دیجیتال: اثرات چرخه حیات را با عملکردهای پاکسازی برای یک پروژه صیقلی ترکیب کنید.

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

آیا برای تسلط بر React Hook و تغییر مسیر توسعه خود آماده هستید؟ بیایید شیرجه بزنیم و شروع کنیم!


سرفصل ها و درس ها

درس ها Lessons

  • رمزگشایی آرایه های وابستگی: کنترل رفتار useEffect Demystifying Dependency Arrays: Controlling useEffect’s Behavior

  • رونمایی از React State: The Base of Dynamic Apps Unveiling React State: The Foundation of Dynamic Apps

  • تمیز کردن مانند یک حرفه ای: تسلط بر عملکردهای پاکسازی در useEffect Cleaning Up Like a Pro: Mastering Cleanup Functions in useEffect

  • پروژه: با React یک انتخاب کننده رنگ سفارشی بسازید PROJECT: Build a Custom Color Picker with React

  • استفاده از useContext: اشتراک گذاری حالت را مانند یک حرفه ای ساده کنید Harnessing useContext: Simplify State Sharing Like a Pro

  • تسلط بر حالت در اجزای عملکردی با قلاب های واکنش Mastering State in Functional Components with React Hooks

  • ایجاد و پیاده سازی یک React Context Provider Creating and Implementing a React Context Provider

  • زنده کردن userRef: مدیریت عناصر HTML با سهولت Bringing useRef to Life: Managing HTML Elements with Ease

  • React’s Async Nature: آنچه شما باید بدانید React’s Async Nature: What You Need to Know

  • پروژه: چالش خلاقانه با ساخت یک ساعت دیجیتالی کاربردی با React PROJECT: Creative Challenge By Building a Functional Digital Clock with React

  • پروژه عملی: با useEffect یک ردیاب ماوس بلادرنگ بسازید Hands-On Project: Build a Real-Time Mouse Tracker with useEffect

  • نتیجه گیری دوره Course Conclusion

  • Breaking Down Prop Drilling: خوب، بد و زشت Breaking Down Prop Drilling: The Good, the Bad, and the Ugly

  • معرفی دوره Course Introduction

  • به React Hooks: A Functional Revolution خوش آمدید Welcome to React Hooks: A Functional Revolution

  • پیمایش آرایه ها و اشیا در مدیریت React State Navigating Arrays and Objects in React State Management

  • شروع کار با useEffect Getting Started with useEffect

  • افزایش عملکرد: به روز رسانی و بازسازی قلاب های سفارشی Enhancing Functionality: Updating and Refactoring Custom Hooks

  • به روز رسانی ارزش های زمینه به صورت پویا Updating Context Values Dynamically

  • موضوعات حوزه: بررسی رفتار زمینه در داخل و خارج از ارائه دهندگان Scope Matters: Exploring Context Behavior Inside and Outside Providers

  • مدیریت بی دردسر متغیرهای حالت چندگانه Effortlessly Handling Multiple State Variables

  • Project Spotlight: مدیریت ورودی‌های فرم با استفاده از React Hook Project Spotlight: Managing Form Inputs with React’s useState Hook

  • شیرجه زدن به userRef: نگهبان خاموش دولت Diving into useRef: The Silent Guardian of State

  • قلاب های سفارشی 101: ایجاد منطق قابل استفاده مجدد در React Custom Hooks 101: Crafting Reusable Logic in React

نمایش نظرات

آموزش تسلط React Hooks: ساخت برنامه های مدرن React با پروژه ها
جزییات دوره
4h
24
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
2
- از 5
ندارد
دارد
دارد
Faisal Memon
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Faisal Memon Faisal Memon

من بیش از 12 سال تجربه ساخت محصولات جهانی دارم که توسط میلیون ها کاربر در سراسر جهان استفاده می شود. من عاشق تکنولوژی و آموزش آن هستم. در حال حاضر، من در یکی از استارت‌آپ‌های پرسرعت در هند به سمت Product هستم و از لحظه لحظه آن لذت می‌برم. قبل از او، چند استارت‌آپ ایجاد کردم که بیش از نیم میلیون کاربر در سراسر جهان داشتند، از Google + سایر سرمایه‌گذاران کمک مالی جمع‌آوری کردم و بخشی از Google Launchpad Accelerator بودم. من در ساخت محصولات از ابتدا و مقیاس بندی تا کاربران جهانی تجربه دارم. من اینجا هستم تا دانش خود را با جویندگان به اشتراک بگذارم و به رشد شخصی و حرفه ای آنها کمک کنم. از دیدنت خوشحالم :)