واکنش: الگوهای طراحی

مدرس Shaun Wassell

انتشار 2025/05/01

مدت زمان 4h 6m

سطح مناسب همه

فایل تمرینی ندارد

آموزش React: Design Patterns

الگوهای طراحی React شناخته شده را کاوش کنید تا پیشرفت خود را برای کد پاک تر و مقیاس پذیر تر کنید. در این دوره ، Shaun Wassell-یک برنامه نویس مادام العمر و مربی توسعه تمام پشته-به شما نشان می دهد که چگونه. برای سازماندهی محتوای روی صفحه به طور مؤثر در مورد اجزای چیدمان بیاموزید. اجزای کانتینر را کشف کنید که امکان عملکرد مشترک و ارتباط ساده در بین مؤلفه های React را فراهم می کند. در مورد مزایای مؤلفه های کنترل شده در مدیریت دولت بینش بگیرید. دریابید که چگونه می توانید از اجزای مرتبه بالاتر برای اضافه کردن عملکرد بدون تغییر کد موجود استفاده کنید. به مفاهیم برنامه نویسی عملکردی و نحوه استفاده از آنها در واکنش ، شیرجه بزنید. به علاوه ، یادگیری خود را با مثال های عملی محکم کنید. در پایان این دوره ، شما ابزارهای اساسی برای ایجاد برنامه های React به طور مؤثر و مؤثر خواهید داشت.

React.js Software Design Patterns

Introduction

Intro video ()

What are design patterns? ()

1. Layout Components

What are layout components? ()

Split-screen components ()

Split-screen component improvements ()

List and item components ()

Solution: Different list types ()

Modal components ()

2. Container Components

What are container components? ()

Server instructions ()

Loading the current user ()

CurrentUserLoader component ()

UserLoader component ()

ResourceLoader component ()

DataLoader component ()

Solution: Loading data from localStorage ()

3. Controlled and Uncontrolled Components

Controlled vs. uncontrolled components ()

Uncontrolled forms ()

Controlled forms ()

Controlled and uncontrolled modals ()

Uncontrolled onboarding flows ()

4. Higher-Order Components

What are higher-order components (HOCs)? ()

Printing props with HOCs ()

Loading data with HOCs ()

Adding JSX with HOCs ()

5. Custom Hooks Patterns

What are custom hooks? ()

useCurrentUser Hook ()

useUser Hook ()

useResource Hook ()

useDataSource Hook ()

Solution: UseLocalStorage Hook ()

6. Functional Programming and React

What is functional programming? ()

Recursive components ()

Solution: Recursive folders ()

Component composition ()

Partially applied components ()

Partial application example ()

Conclusion

Next steps in your React journey ()

Appendix

Tour of CoderPad ()

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

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