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

Complete React Hooks Course 2021: A - Z ( Scratch to React )

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: React JS Hooks way (جدیدترین و جامع): Redux, React Router, Testing with Jest, Build Component Library React Hooks از ابتدا Learn React Hooks راه React Hooks سطح پیشرفته پیش نیازها:دانش مورد نیاز جاوا اسکریپت

این یک دوره آموزشی مدرن و جامع React JS است که تنها بر آخرین نسخه React with hook ("بدون کلاس") تمرکز دارد. ما موارد زیر را پوشش خواهیم داد: شما واکنش را از ابتدا یاد خواهید گرفت، بدون نیاز به دانش قبلی در مورد واکنش.

  • مبانی مانند JSX، ارتباطات مؤلفه، رویدادها، قطعات، مؤلفه‌های مرتبه بالاتر و موارد دیگر.

  • درک بهترین راه برای سازماندهی فایل ها در پروژه react با استفاده از الگوهای رایج برای ساختار پوشه

  • قلاب‌های داخلی مانند useState، useEffect، useReducer، useContext، useDebugValue، useMemo، useRef، useLayoutEffect.

  • قلاب‌های سفارشی خودمان را بسازیم.

  • از create-react-app، یک رابط خط فرمان (CLI) برای ایجاد سریع پروژه‌های واکنش استفاده کنید.

  • یک برنامه تک صفحه ای ( SPA ) با استفاده از react-router-dom بسازید

  • مدیریت حالت جهانی با Redux و Redux thunk

  • آزمایش واحد، تست عکس فوری، تمسخر در React with Jest و کتابخانه تست React را بیاموزید.

  • با استفاده از react یک برنامه To-Do بسازید

  • با استفاده از react یک برنامه drag-n-drop کامل بسازید

  • با استفاده از react styleguidist

    یک کتابخانه مؤلفه قابل استفاده مجدد و یک سایت مستندسازی بسازید
  • با استفاده از react storybook

    یک سایت مستندسازی بسازید
  • همه نمونه های کد در github برای مرجع شما ارائه شده است.

  • تشخیص کدنویسی زیادی برای تمرین

  • با نحوه آپلود پروژه react خود در github آشنا شوید

یکی از بهترین ویژگی های این دوره، سادگی آن است. درک همه نمونه های کدگذاری بسیار آسان است. من ترجیح می دهم از موارد استفاده بلادرنگ برای توضیح مفاهیم استفاده کنم.


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

معرفی و راه اندازی 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

نمایش نظرات

آموزش دوره کامل React Hooks 2021: A - Z (Scratch to React)
جزییات دوره
8 hours
57
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
6,990
4.5 از 5
ندارد
دارد
دارد
Hemil Patel
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Hemil Patel Hemil Patel

توسعه دهنده رابط کاربری Front-End، معمار