آموزش دوره کامل React Hooks 2021: A - Z (Scratch to React)

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

معرفی و راه اندازی Introduction & Setup

• شروع شدن Getting Started

• در حال نصب React Installing React

• راه اندازی SASS Setting up SASS

معرفی و راه اندازی Introduction & Setup

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

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

• شروع شدن Getting Started

• در حال نصب React Installing React

• درک ساختار پروژه Understanding Project Structure

• درک ساختار پروژه Understanding Project Structure

• راه اندازی SASS Setting up SASS

• راه اندازی لینتر Setting up linter

• راه اندازی لینتر Setting up linter

React Fundamentals React Fundamentals

• اجزای یک ظاهر طراحی شده Styling Components

• قطعات قابل استفاده مجدد Reusable Components

• لوازم جانبی Props

• قطعات Fragments

• مولفه های مرتبه بالاتر Higher Order Components

• قوانین قلاب Hooks Rules

• حالت پیچیده Complex State

React Fundamentals React Fundamentals

• JSX JSX

• JSX JSX

• اجزای یک ظاهر طراحی شده Styling Components

• قطعات قابل استفاده مجدد Reusable Components

• لوازم جانبی Props

• قطعات Fragments

• از بین بردن لوازم Destructring Props

• از بین بردن لوازم Destructring Props

• رندر مشروط Conditional Rendering

• رندر مشروط Conditional Rendering

• مولفه های مرتبه بالاتر Higher Order Components

• استفاده از حالت هوک useState Hook

• استفاده از حالت هوک useState Hook

• قلاب داخلی Hooks Internals

• قلاب داخلی Hooks Internals

• قوانین قلاب Hooks Rules

• حالت پیچیده Complex State

• مدیریت لیست ها Managing Lists

• مدیریت لیست ها Managing Lists

رسیدگی به رویدادها Handling Events

• افزودن رویدادها Adding Events

• استفاده از چندین ایالت محلی Using Multiple Local States

• ساخت هوک سفارشی خود را Building your own Custom Hook

• رویداد onChange onChange Event

• داوران فوروارد Forwarding refs

رسیدگی به رویدادها Handling Events

• افزودن رویدادها Adding Events

• ارتباط مؤلفه Component Communication

• ارتباط مؤلفه Component Communication

• استفاده از چندین ایالت محلی Using Multiple Local States

• رویدادهای صفحه کلید Keyboard Events

• رویدادهای صفحه کلید Keyboard Events

• ساخت هوک سفارشی خود را Building your own Custom Hook

• رویداد onChange onChange Event

• useRef Hook useRef Hook

• useRef Hook useRef Hook

• داوران فوروارد Forwarding refs

چرخه حیات کامپوننت Component Lifecycle

• useEffect Hook useEffect Hook

• مثال useEffect useEffect Example

• واکشی داده با Async Await Fetch Data with Async Await

• هوک سفارشی: استفاده قبلی Custom Hook: usePrevious

• از DebugValue Hook استفاده کنید useDebugValue Hook

چرخه حیات کامپوننت Component Lifecycle

• روش های چرخه حیات Lifecycle Methods

• روش های چرخه حیات Lifecycle Methods

• useEffect Hook useEffect Hook

• مثال useEffect useEffect Example

• واکشی داده با Async Await Fetch Data with Async Await

• useMemo Hook (حافظه نویسی) useMemo Hook ( Memoization )

• useMemo Hook (حافظه نویسی) useMemo Hook ( Memoization )

• هوک سفارشی: استفاده قبلی Custom Hook: usePrevious

• useLayoutEffect Hook useLayoutEffect Hook

• useLayoutEffect Hook useLayoutEffect Hook

• از DebugValue Hook استفاده کنید useDebugValue Hook

• هوک سفارشی: useCustomFetch Custom Hook: useCustomFetch

• هوک سفارشی: useCustomFetch Custom Hook: useCustomFetch

روتر واکنش React Router

• تغییر مسیر مسیر Route Redirect

• useContext Hook useContext Hook

روتر واکنش React Router

• راه اندازی مسیرها Setting up Routes

• راه اندازی مسیرها Setting up Routes

• پیوندهای مسیر Route Links

• پیوندهای مسیر Route Links

• تغییر مسیر مسیر Route Redirect

• اعلان مسیر Route Prompt

• اعلان مسیر Route Prompt

• useContext Hook useContext Hook

Redux Redux

• React + Redux React + Redux

• Redux Thunk Redux Thunk

• استفاده از Reducer Hook useReducer Hook

• React + Mobx React + Mobx

Redux Redux

• اصول ردوکس Redux Fundamentals

• اصول ردوکس Redux Fundamentals

• React + Redux React + Redux

• ترکیب کاهنده های متعدد Combining Multiple Reducers

• ترکیب کاهنده های متعدد Combining Multiple Reducers

• Redux Thunk Redux Thunk

• استفاده از Reducer Hook useReducer Hook

• React + Mobx React + Mobx

تست قلاب Hooks Testing

• آزمون فلسفه Testing Philosophy

• تست واحد با جست Unit Test with Jest

تست قلاب Hooks Testing

• آزمون فلسفه Testing Philosophy

• تست واحد با جست Unit Test with Jest

پروژه ها Projects

• بازی تیک تاک پا Tic Tac Toe Game

پروژه ها Projects

• بازی تیک تاک پا Tic Tac Toe Game

• فهرست قابل کشیدن Draggable List

• فهرست قابل کشیدن Draggable List

ساختن کتابخانه اجزای قابل استفاده مجدد خود Building your own reusable component library

• یک جزء دکمه قابل استفاده مجدد بسازید Build a reusable button component

ساختن کتابخانه اجزای قابل استفاده مجدد خود Building your own reusable component library

• مورد نیاز برای یک کتابخانه جزء Requirement for a component library

• مورد نیاز برای یک کتابخانه جزء Requirement for a component library

• یک جزء دکمه قابل استفاده مجدد بسازید Build a reusable button component

• ساخت یک راهنمای سبک با راهنمای سبک Building a style-guide with styleguidist

• ساخت یک راهنمای سبک با راهنمای سبک Building a style-guide with styleguidist

تایپ Checking Type Checking

• انواع جریان Flow Types

• TypeScript TypeScript

تایپ Checking Type Checking

• PropTypes PropTypes

• PropTypes PropTypes

• انواع جریان Flow Types

• TypeScript TypeScript