آموزش React Hooks به ساده ترین روش (با React Router v6، Axios، Form Validation و Shortcuts)

React Hooks in EASIEST way ( with React Router v6, Axios, Form Validation & Shortcuts )

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

همه قلاب های React JS را که مهم ترین موضوع در React است، بیاموزید. پس از اتمام این دوره کوتاه، React Hooks را به روشی بسیار بهتر درک خواهید کرد.

آنچه باید بدانید:

  • React Basics Only

موضوعات پوشش داده شده در این دوره:

  • هوکس چیست؟
  • با همه روش ها از قلاب حالت استفاده کنید
  • مدیریت فرم پیچیده فقط در 2 خط
  • useEffect hook در عمق (چیت ​​شیت رایگان)
  • داده ها را با استفاده از Axios (محبوب ترین کتابخانه) واکشی کنید
  • useContext (Context API)
  • useRef برای دریافت عناصر
  • useReducer Hook برای مدیریت ایالات
  • useLayoutEffect
  • useMemo
  • useCallback
  • قلاب های سفارشی (useFetch)
  • اعتبار سنجی فرم با استفاده از Formik Yup
  • خیلی بیشتر

پیوندهای مهم برای این دوره:

  • useEffect Cheatsheet -
  • چیت شیت Axios -
  • Github -

من این دوره آموزشی را با افزودن منظم درس‌ها به «دوره تسلط نهایی واکنش» به‌روزرسانی می‌کنم.

برای بکارگیری دانش خود باید این پروژه ساده و جالب را انجام دهید. بیایید نسخه ی نمایشی پروژه

را ببینیم

این برنامه ردیاب قیمت ارز رمزنگاری شده ما با قیمت های زنده و جزئیات در مورد سکه های رمزنگاری است. در بالا نیز می‌توانید کادر جستجو را ببینید. که در آن، می توانید رمزارز را با نام آن جستجو کنید. به عنوان مثال، اگر "bit" را جستجو کنیم، باید فقط سکه هایی را نشان دهیم که نام آنها "bit" است. اجازه بدهید به شما نسخه نمایشی بدهم.

نحوه شروع این پروژه:

مرحله 1: دانلود منابع از اینجا

مرحله 2: به این پیوند -

بروید

مرحله 3: به بخش Coin به پایین بروید و روی سکه/بازار کلیک کنید

مرحله 4: روی Try it out

کلیک کنید

مرحله 5: ورودی ارز را پر کنید (من USD می نویسم)

مرحله 6: به پایین بروید و روی اجرا کلیک کنید.

مرحله 7: URL درخواست را کپی کنید

مرحله 8: شما API را دریافت کردید، اکنون می توانید این پروژه را شروع کنید.

اگر می خواهید مرجع دریافت کنید، در فایل منابع، می توانید کد کامل این پروژه را دریافت کنید. اما ابتدا خودتان آن را امتحان کنید. این مهم است.

ویدئوی راه حل گام به گام را در اسرع وقت به روز خواهم کرد. بهترین ها برای پروژه شما :)


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

درس ها Lessons

  • قلاب های سفارشی (useFetch) Custom Hooks (useFetch)

  • استفاده از برگشت تماس useCallback

  • کنترل چندین ورودی (میانبر) Handle Multiple Inputs (Shortcut)

  • استفاده از افکت در عمق useEffect in Depth

  • استفاده از کاهش دهنده useReducer

  • واکشی داده ها با استفاده از AXIOS Fetch data using AXIOS

  • useMemo useMemo

  • امتیاز: React Router نسخه 6 BONUS : React Router v6

  • اعتبار سنجی فرم با FORMIK & YUP Form Validation with FORMIK & YUP

  • مقدمه Introduction

  • useRef useRef

  • useLayoutEffect useLayoutEffect

  • هوک چیست؟ What are Hooks?

  • مهم ترین قلاب - useState Most Important Hook - useState

  • useContext useContext

نمایش نظرات

آموزش React Hooks به ساده ترین روش (با React Router v6، Axios، Form Validation و Shortcuts)
جزییات دوره
1h 48m
15
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
23
از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Code Bless You Code Bless You

مهندس نرم افزار پرشور