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

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

معرفی Introduction

• مهارت های React خود را به سطح بعدی برسانید Take your React skills to the next level

• آنچه شما باید بدانید What you should know

• الگوهای طراحی چیست؟ What are design patterns?

1. اجزای چیدمان 1. Layout Components

• اجزای طرح بندی چیست؟ What are layout components?

• اجزای صفحه تقسیم شده Split-screen components

• بهبود اجزای صفحه تقسیم شده Split-screen component improvements

• لیست ها و موارد فهرست Lists and list items

• ایجاد انواع لیست های مختلف Creating different list types

• اجزای مودال Modal components

2. اجزای ظرف 2. Container Components

• اجزای ظرف چیست؟ What are container components?

• دستورالعمل سرور Server instructions

• جزء CurrentUserLoader CurrentUserLoader component

• جزء UserLoader UserLoader component

• جزء ResourceLoader ResourceLoader component

• جزء DataSource DataSource component

• بارگیری داده ها از localStorage Loading data from localStorage

3. اجزای کنترل شده و کنترل نشده 3. Controlled and Uncontrolled Components

• اجزای کنترل شده در مقابل اجزای کنترل نشده Controlled vs. uncontrolled components

• فرم های غیرقابل کنترل Uncontrolled forms

• فرم های کنترل شده Controlled forms

• مودال های کنترل شده Controlled modals

• جریانهای کنترل نشده کنترل شده Uncontrolled onboarding flows

• جمع آوری داده های پردازنده Collecting onboarding data

• کنترل جریانهای سوار شده Controlled onboarding flows

4. اجزای مرتبه بالاتر 4. Higher-Order Components

• اجزای مرتبه بالاتر چیست؟ What are higher-order components?

• چاپ وسایل با HOC Printing props with HOCs

• بارگیری داده ها با HOC ها Loading data with HOCs

• تغییر داده ها با HOC ها Modifying data with HOCs

• ایجاد فرم با HOC Creating forms with HOCs

• بهبود م componentلفه های مرتبه بالاتر Higher-order component improvements

5. الگوهای قلاب سفارشی 5. Custom Hooks Patterns

• قلاب های سفارشی چیست؟ What are custom Hooks?

• useCurrentUser Hook useCurrentUser Hook

• useUser Hook useUser Hook

• useResource Hook useResource Hook

• useDataSource Hook useDataSource Hook

6. برنامه نویسی عملکردی و React 6. Functional Programming and React

• برنامه نویسی کاربردی چیست؟ What is functional programming?

• اجزای بازگشتی Recursive components

• ترکیب اجزاء Component composition

• اجزای تا حدی اعمال شده Partially applied components

نتیجه Conclusion

• مراحل بعدی Next steps