این دوره به شما میآموزد که چگونه از React Hooks به بهترین شکل استفاده کنید، چگونه Hooks خود را بسازید، و چگونه Hooks را با هم ترکیب کنید تا برنامههای React عالی بسازید.
آنچه خواهید آموخت:
این دوره در مورد یادگیری همه چیزهایی است که برای استفاده از React Hooks در برنامههای React خود نیاز دارید، و همچنین نحوه ساخت هوکهای سفارشی خود را برای برآورده کردن مدیریت چرخه حیات کامپوننت و وضعیت خودتان. در این دوره آموزشی، با استفاده از Hooks در React 18، یاد خواهید گرفت که از React Hooks در اجزای عملکرد خود استفاده کنید و همچنین انگیزه پشت قلابها را درک خواهید کرد. ابتدا، با ساختن UseState Hook از ابتدا، React Hook در واقع چیست. در مرحله بعد، React Hookهای داخلی ارائه شده توسط تیم React Facebook را کشف خواهید کرد. در نهایت، یاد میگیرید که چگونه Hooks و Hookهای داخلی را که خودتان میسازید، و همچنین Hooks شخص ثالث را در برنامههای React دنیای واقعی ترکیب کنید. پس از اتمام این دوره، مهارتها و دانش React Hooks مورد نیاز برای ساخت برنامههای React بسیار کارآمد و قابل نگهداری آسان را خواهید داشت که تجربه کاربری فوقالعادهای را برای کاربران نهایی شما فراهم میکند.
نمونه ویدیوی آموزشی ( زیرنویسها جدا از ویدیو است و میتوانید آنرا نمایش ندهید ) :
[ENGLISH]
01 Course Overview [2mins]
01-01 Course Overview [2mins]
02 Introduction [16mins]
02-01 Introduction [3mins]
02-02 More About React Hooks and Their Benefits [2mins]
02-03 Where to Find the Source Code for This Course [2mins]
02-04 Our Demonstration Code, Starting Point with No Hooks [5mins]
02-05 The Completed App at the End of the Course [2mins]
02-06 The React Component Tree Browser in VS Code [2mins]
03 Understanding React Hooks [32mins]
03-01 Introduction [3mins]
03-02 Implementing the useState React Hook in a Function Component [4mins]
03-03 Adding useEffect to Our Simple React App [5mins]
03-04 The Three Rules of React Hooks [4mins]
03-05 Building a useState React Hook Try #1 [4mins]
03-06 Building a useState React Hook Try #2 [6mins]
03-07 Building a useState React Hook Try #3 [4mins]
03-08 Takeaways [2mins]
04 The Built-in Hooks useState, useEffect, and useReducer [39mins]
04-01 All the Hooks in React [4mins]
04-02 Review of useState and useEffect [3mins]
04-03 Coding useState and useEffect [7mins]
04-04 An Interactive UI with useState [7mins]
04-05 Learn useReducer Basics [6mins]
04-06 Converting a Call useState to useReducer [6mins]
04-07 ow useReducer Extends useState`s Capabilities [6mins]
05 The Built-in React Hooks useRef, useContext, useMemo, and useCallback [25mins]
05-01 The Basics of useRef [6mins]
05-02 Code useRef for Colorizing an Image [6mins]
05-03 Learn useContext Basics [5mins]
05-04 Implement Theme Switcher with useContext [7mins]
05-05 Takeaways [1mins]
06 Using Context and Custom React Hooks for a Redux-like Experience [40mins]
06-01 Combining React Context and Hooks [3mins]
06-02 Extract Context to a Component [3mins]
06-03 Optimize Context Location [3mins]
06-04 Extract a Custom Hook from Context [4mins]
06-05 A Custom React Hook for REST Calls [5mins]
06-06 Shared Context and the App Home Page [6mins]
06-07 Context and the Speaker Landing Pages [6mins]
06-08 Adding a Pivot Menu for Speakers [6mins]
06-09 Leveraging the useEffect Dependency Array [3mins]
06-10 Takeaways [1mins]
07 Leveraging React Hooks and Context for Modal Popup Forms [20mins]
07-01 Creating Modal Dialogs in React [2mins]
07-02 The Speaker Modal Popup Coding Plan [4mins]
07-03 Coding Our Speaker Edit Modal Popup [5mins]
07-04 Finish Coding Our Speaker Modal Dialog [4mins]
07-05 Coding the Add and Delete Speaker Modal Dialog [4mins]
07-06 Takeaways [1mins]
08 Improving React Performance with useMemo, memo, and useCallback [18mins]
08-01 Hooks and React App Performance [2mins]
08-02 The Case for useMemo [4mins]
08-03 Adding useMemo to Minimize Rerenders [6mins]
08-04 Adding useCallback to Improve React App Performance [5mins]
08-05 Takeaways [1mins]
09 Improve UI Experience with useDeferredValue and useTransition [21mins]
09-01 The Hooks useDeferredValue and useTransition Introduction [2mins]
09-02 Basics of useDeferredValue [3mins]
09-03 useDeferredValue for Search in Our Speaker App [6mins]
09-04 Basics of useTransition [5mins]
09-05 useTransition for Search in Our Speaker App [3mins]
09-06 Takeaways [2mins]
10 Course Takeaways [2mins]
10-01 Takeaways [2mins]
[فارسی]
01 بررسی اجمالی دوره [2 دقیقه]
01-01 بررسی اجمالی دوره [2 دقیقه]
02 مقدمه [16 دقیقه]
02-01 مقدمه [3 دقیقه]
02-02 اطلاعات بیشتر درباره React Hooks و مزایای آنها [2 دقیقه]
02-03 کجا میتوان کد منبع این دوره را پیدا کرد [2 دقیقه]
02-04 کد نمایش ما، نقطه شروع بدون قلاب [5 دقیقه]
02-05 برنامه تکمیل شده در پایان دوره [2 دقیقه]
02-06 مرورگر React Component Tree در VS Code [2 دقیقه]
03 درک React Hooks [32 دقیقه]
03-01 مقدمه [3 دقیقه]
03-02 پیادهسازی useState React Hook در یک کامپوننت عملکرد [4 دقیقه]
03-03 افزودن useEffect به برنامه Simple React ما [5 دقیقه]
03-04 سه قانون React Hooks [4 دقیقه]
03-05 ساختن useState React Hook شماره 1 را امتحان کنید [4 دقیقه]
03-06 ساختن useState React Hook شماره 2 را امتحان کنید [6 دقیقه]
03-07 ساختن useState React Hook شماره 3 را امتحان کنید [4 دقیقه]
03-08 غذای آماده [2 دقیقه]
04 قلابهای داخلی ازState، useEffect و useReducer استفاده میکنند [39 دقیقه]
04-01 همه قلابها در React [4 دقیقه]
04-02 بررسی useState و useEffect [3 دقیقه]
04-03 کدنویسی useState و useEffect [7 دقیقه]
04-04 یک رابط کاربری تعاملی با useState [7 دقیقه]
04-05 استفاده از اصول اولیه را یاد بگیرید [6 دقیقه]
04-06 تبدیل تماس useState به useReducer [6 دقیقه]
04-07 ow useReducer قابلیتهای useState را گسترش میدهد [6 دقیقه]
05 React Hooks داخلی userRef، useContext، useMemo و useCallback [25 دقیقه]
05-01 اصول استفاده از Ref [6 دقیقه]
05-02 کد useRef برای رنگ آمیزی تصویر [6 دقیقه]
05-03 یادگیری مبانی useContext [5 دقیقه]
05-04 اجرای تعویض تم با useContext [7 دقیقه]
05-05 غذای آماده [1 دقیقه]
06 استفاده از Context و React Hooks سفارشی برای تجربهای مانند Redux [40 دقیقه]
06-01 ترکیب React Context و Hooks [3 دقیقه]
06-02 استخراج متن به یک جزء [3 دقیقه]
06-03 بهینهسازی موقعیت مکانی [3 دقیقه]
06-04 استخراج یک هوک سفارشی از متن [4 دقیقه]
06-05 یک React Hook سفارشی برای تماسهای REST [5 دقیقه]
06-06 زمینه مشترک و صفحه اصلی برنامه [6 دقیقه]
06-07 زمینه و صفحات فرود بلندگو [6 دقیقه]
06-08 افزودن منوی محوری برای بلندگوها [6 دقیقه]
06-09 استفاده از آرایه وابستگی useEffect [3 دقیقه]
06-10 غذای آماده [1 دقیقه]
07 استفاده از قلابها و زمینههای React برای فرمهای بازشو معین [20 دقیقه]
07-01 ایجاد دیالوگهای مدال در React [2 دقیقه]
07-02 طرح کدگذاری پاپ آپ Speaker Modal [4 دقیقه]
07-03 برنامهنویسی بلندگوی ما پنجره بازشو ویرایش حالت [5 دقیقه]
07-04 پایان برنامهنویسی گفتگوی مدال بلندگوی ما [4 دقیقه]
07-05 کد نویسی افزودن و حذف گفتگوی مدال بلندگو [4 دقیقه]
07-06 غذای آماده [1 دقیقه]
08 بهبود عملکرد React با useMemo، memo و useCallback [18 دقیقه]
08-01 عملکرد برنامه Hooks and React [2 دقیقه]
08-02 The Case for useMemo [4 دقیقه]
08-03 افزودن useMemo برای به حداقل رساندن رندرها [6 دقیقه]
08-04 افزودن useCallback برای بهبود عملکرد برنامه React [5 دقیقه]
08-05 غذای آماده [1 دقیقه]
09 بهبود تجربه رابط کاربری با useDeferredValue و useTransition [21 دقیقه]
09-01 The Hooks useDeferredValue and useTransition معرفی [2 دقیقه]
09-02 اصول استفادهDeferredValue [3 دقیقه]
09-03 useDeferredValue برای جستجو در برنامه بلندگوی ما [6 دقیقه]
09-04 مبانی استفاده انتقال [5 دقیقه]
09-05 useTransition for Search در برنامه بلندگوی ما [3 دقیقه]
09-06 غذای آماده [2 دقیقه]
10 غذای آماده دوره [2 دقیقه]
10-01 غذای آماده [2 دقیقه]
پیتر یک مشاور نرمافزار مستقل است که از سال 1985 تا 2001 در توسعه دات نت تخصص دارد و از سال 2006 به عنوان MVP فعالیت میکند. او بنیانگذار و مدیر شرکت Tufden Inc بود که در آنجا با موفقیت سیستمهایی را برای برنامه ریزی کلینیک، مدیریت شرکت بیمه و پردازش دعاوی پزشکی ارائه کرد. . راه حلهای او شامل ارائه یک سیستم مدیریت دفتر پزشکی کلید در دست به بیش از 500 مشتری در سراسر کشور بود. علاقه او به کامپیوتر به دوران دبستان برمی گردد، زمانی که به اولین باشگاه کامپیوترش پیوست. او از دانشگاه کرنل در ایتاکا، نیویورک با مدرک کارشناسی و کارشناسی ارشد در مهندسی مکانیک و هوافضا فارغ التحصیل شد.