آموزش استفاده از Hooks در React 18

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

مقدمه Introduction

• مقدمه Introduction

• اطلاعات بیشتر درباره React Hooks و مزایای آنها More About React Hooks and Their Benefits

• کجا می توان کد منبع این دوره را پیدا کرد Where to Find the Source Code for This Course

• کد نمایش ما، نقطه شروع بدون قلاب Our Demonstration Code, Starting Point with No Hooks

• برنامه تکمیل شده در پایان دوره The Completed App at the End of the Course

• مرورگر React Component Tree در VS Code The React Component Tree Browser in VS Code

درک React Hooks Understanding React Hooks

• مقدمه Introduction

• پیاده سازی useState React Hook در یک تابع Implementing the useState React Hook in a Function Component

• اضافه کردن useEffect به برنامه Simple React ما Adding useEffect to Our Simple React App

• سه قانون React Hooks The Three Rules of React Hooks

• ساختن useState React Hook شماره 1 را امتحان کنید Building a useState React Hook Try #1

• ساختن useState React Hook شماره 2 را امتحان کنید Building a useState React Hook Try #2

• ساختن useState React Hook شماره 3 را امتحان کنید Building a useState React Hook Try #3

• غذای آماده Takeaways

قلاب های داخلی ازState، useEffect و useReducer استفاده می کنند The Built-in Hooks useState, useEffect, and useReducer

• همه هوک ها در React All the Hooks in React

• بررسی useState و useEffect Review of useState and useEffect

• کدنویسی useState و useEffect Coding useState and useEffect

• یک رابط کاربری تعاملی با useState An Interactive UI with useState

• اصول useReducer را بیاموزید Learn useReducer Basics

• تبدیل تماس useState به useReducer Converting a Call useState to useReducer

• ow useReducer قابلیت های useState را گسترش می دهد ow useReducer Extends useState’s Capabilities

React Hooks داخلی userRef، useContext، useMemo و useCallback The Built-in React Hooks useRef, useContext, useMemo, and useCallback

• مبانی استفادهRef The Basics of useRef

• کد useRef برای رنگ آمیزی تصویر Code useRef for Colorizing an Image

• UseContext Basics را بیاموزید Learn useContext Basics

• Switcher را با useContext پیاده سازی کنید Implement Theme Switcher with useContext

• غذای آماده Takeaways

استفاده از Context و Custom React Hook برای تجربه ای شبیه Redux Using Context and Custom React Hooks for a Redux-like Experience

• ترکیب React Context و Hooks Combining React Context and Hooks

• متن را به یک جزء استخراج کنید Extract Context to a Component

• بهینه سازی موقعیت مکانی Optimize Context Location

• یک هوک سفارشی را از Context استخراج کنید Extract a Custom Hook from Context

• یک React Hook سفارشی برای تماس های REST A Custom React Hook for REST Calls

• زمینه مشترک و صفحه اصلی برنامه Shared Context and the App Home Page

• زمینه و صفحات فرود بلندگو Context and the Speaker Landing Pages

• افزودن منوی محوری برای بلندگوها Adding a Pivot Menu for Speakers

• استفاده از آرایه وابستگی useEffect Leveraging the useEffect Dependency Array

• غذای آماده Takeaways

استفاده از قلاب‌های React و زمینه برای فرم‌های بازشوی معین Leveraging React Hooks and Context for Modal Popup Forms

• ایجاد دیالوگ های مدال در React Creating Modal Dialogs in React

• طرح کدگذاری پاپ آپ Speaker Modal The Speaker Modal Popup Coding Plan

• برنامه‌نویسی بلندگوی ما پنجره بازشو ویرایش کنید Coding Our Speaker Edit Modal Popup

• پایان برنامه‌نویسی گفتگوی مدال سخنران ما Finish Coding Our Speaker Modal Dialog

• کد نویسی Add and Delete Speaker Modal Dialog Coding the Add and Delete Speaker Modal Dialog

• غذای آماده Takeaways

بهبود عملکرد React با useMemo، memo و useCallback Improving React Performance with useMemo, memo, and useCallback

• Hooks and React App Performance Hooks and React App Performance

• Case for useMemo The Case for useMemo

• افزودن useMemo برای به حداقل رساندن رندرها Adding useMemo to Minimize Rerenders

• افزودن useCallback برای بهبود عملکرد برنامه React Adding useCallback to Improve React App Performance

• غذای آماده Takeaways

تجربه رابط کاربری را با useDeferredValue و useTransition بهبود بخشید Improve UI Experience with useDeferredValue and useTransition

• Hooks useDeferredValue و useTransition مقدمه The Hooks useDeferredValue and useTransition Introduction

• مبانی استفادهDeferredValue Basics of useDeferredValue

• استفاده ازDeferredValue برای جستجو در برنامه بلندگوی ما useDeferredValue for Search in Our Speaker App

• مبانی استفادهTransition Basics of useTransition

• استفاده از انتقال برای جستجو در برنامه بلندگوی ما useTransition for Search in Our Speaker App

• غذای آماده Takeaways

غذای آماده دوره Course Takeaways

• غذای آماده Takeaways