استفاده از array در useState

توضیحات

در این جلسه به استفاده از array در useState در react.js از دوره آموزش ری اکت (React.js) پروژه محور میپردازیم.

javascript جاوا اسکریپت جاوااسکریپت fetch api asynchronous react ری اکت ری_اکت_جی_اس ری_اکت_جی_اس_ورژن_19 react_js react_js_version_19 ریداکس_جی_اس redux_js ری_اکت_روتر react_router

برای مشاهده آنلاین و دسترسی به ویدیو لطفا ابتدا وارد سایت شوید . صفحه ورود

آموزش react.js (بازتولید کامل دوره)
- آشنایی با react.js شامل 6 قسمت
  
  1
  
  آشنایی با react.js
  
  رایگان 10:27
  
  2
  
  آشنایی با نحوه کار react.js
  
  رایگان 11:10
  
  3
  
  ایجاد پروژه react.js با cdn
  
  رایگان 21:26
  
  4
  
  آشنایی با JSX (javascript XML)
  
  رایگان 25:38
  
  5
  
  ایجاد پروژه react.js با vite.js
  
  نقدی 26:41
  
  6
  
  آشنایی و ایجاد کامپوننت
  
  نقدی 12:22
- کار با style در react.js شامل 6 قسمت
  
  1
  
  افزودن فایل css
  
  نقدی 08:16
  
  2
  
  افزودن فایل sass
  
  نقدی 06:31
  
  3
  
  آشنایی با inline style
  
  نقدی 04:48
  
  4
  
  افزودن فریمورک bootstrap (بوت استرپ)
  
  نقدی 07:18
  
  5
  
  افزودن فریمورک react-bootstrap
  
  نقدی 06:07
  
  6
  
  افزودن فریمورک tailwindcss (تیلویند سی اس اس)
  
  نقدی 07:29
- آشنایی با event و props شامل 3 قسمت
  
  3
  
  آشنایی با event در react.js
  
  نقدی 12:12
  
  1
  
  آشنایی با props
  
  نقدی 07:17
  
  2
  
  ارسال تابع به عنوان prop
  
  نقدی 09:26
- کار با المان های فرم (form) در react.js شامل 3 قسمت
  
  1
  
  کار با input و textarea
  
  نقدی 06:34
  
  2
  
  کار با select box
  
  نقدی 08:27
  
  3
  
  کار با checkbox و radio
  
  نقدی 11:05
- آشنایی با هوک useState شامل 4 قسمت
  
  1
  
  آشنایی با هوک useState
  
  نقدی 17:34
  
  2
  
  مقدار قبلی در useState
  
  نقدی 05:00
  
  3
  
  استفاده از object در useState
  
  نقدی 10:01
  
  استفاده از array در useState
  
  نقدی 09:57
- آشنایی با هوک useEffect شامل 5 قسمت
  
  1
  
  آشنایی با هوک useEffect
  
  نقدی 06:24
  
  2
  
  اجرای useEffect بصورت شرطی و یکبار
  
  نقدی 05:49
  
  3
  
  آشنایی با clean up در useEffect
  
  نقدی 11:45
  
  4
  
  data fetching با useEffect (بخش اول)
  
  نقدی 12:37
  
  5
  
  data fetching با useEffect (بخش دوم)
  
  نقدی 09:25
- آشنایی با use و کامپوننت های Suspense و ErrorBoundary شامل 3 قسمت
  
  1
  
  آشنایی با use در react.js
  
  نقدی 12:32
  
  2
  
  آشنایی با کامپوننت Suspense
  
  نقدی 11:31
  
  3
  
  آشنایی با کامپوننت ErrorBoundary
  
  نقدی 12:52
- آشنایی با هوک useContext شامل 2 قسمت
  
  1
  
  آشنایی با context
  
  نقدی 04:23
  
  2
  
  آشنایی با هوک useContext
  
  نقدی 14:47
- آشنایی با هوک useReducer شامل 4 قسمت
  
  1
  
  آشنایی با هوک useReducer (بخش اول)
  
  نقدی 13:57
  
  2
  
  آشنایی با هوک useReducer (بخش دوم)
  
  نقدی 08:18
  
  3
  
  استفاده از چندین reducer
  
  نقدی 05:39
  
  4
  
  ترکیب useContext و useReducer
  
  نقدی 16:11
- آشنایی با هوک useRef و ایجاد هوک (custom hook) شامل 2 قسمت
  
  1
  
  آشنایی با هوک useRef
  
  نقدی 05:47
  
  2
  
  ایجاد هوک (custom hook)
  
  نقدی 07:39
- آشنایی با react router شامل 8 قسمت
  
  1
  
  آشنایی با spa(single page aplication)
  
  نقدی 05:37
  
  2
  
  نصب و آشنایی با react router
  
  نقدی 13:01
  
  3
  
  آشنایی با کامپوننت های Link و NavLink
  
  نقدی 13:11
  
  4
  
  آشنایی با basename و صفحه 404
  
  5
  
  آشنایی با هوک useParams
  
  6
  
  آشنایی با هوک useLocation
  
  7
  
  آشنایی با کامپوننت Navigate و هوک useNavigate
  
  8
  
  nested routing (روت های تو در تو)
- پیاده سازی پروژه SPA شامل 4 قسمت
  
  1
  
  معرفی پروژه
  
  2
  
  نصب و ایجاد پروژه
  
  3
  
  ایجاد بخش هدر (header)
  
  4
  
  دریافت و نمایش لیست کاربران
آموزش react.js (محتوای قبل از باز تولید)

برای دانلود ابتدا وارد سایت شوید

مدرس دوره علی شیخ

مدت دوره 24:46:13

تعداد ویدیو 156

وضعیت دوره : درحال برگزاری

قیمت دوره : ~~699,000~~ 524,000 تومان

برای دانلود ابتدا وارد سایت شوید

دسته بندی دوره ها

HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

دوره های پشنهادی

دوره های آموزشی

کامل شده

% 15 تخفیف

آموزش آلپاین (alpine.js) پروژه محور

alpine.js یک فریمورک جاوااسکریپت است که میتواند جایگزین بسیار مناسب برای جی کوئری باشد. alpine.js به صورت رسمی برای فریم...

~~449,000~~ 381,000 تومان

06:52:21

آموزش ساخت فروشگاه اینترنتی سفارش غذا (رستوران و فست فود) با لاراول (laravel)

کامل شده

% 15 تخفیف

آموزش ساخت فروشگاه اینترنتی سفارش غذا (رستوران و فست فود) با لاراول (laravel)

بعد از دوره آموزش لاراول (laravel) که مورد استقبال شما دوستان عزیز قرار گرفت.حالا وقت آن رسیده که در قالب یک پروژه کاربر...

~~699,000~~ 594,000 تومان

20:55:46

کامل شده

آموزش بوت استرپ 5 (Bootstrap) پروژه محور

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع ج...

رایگان

12:08:39

کامل شده

آموزش vue.js 3 پروژه محور

فریم ورک Vue js یا ویو جی اس یکی از محبوب ترین فریم ورک های جاوااسکریپت است که با هدف توسعه رابط کاربری (UI) در سال 2014...

رایگان

11:05:31

مشاهده تمام دوره های آموزشی

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

Amiiro
- 2 هفته پیش
- پاسخ به دیدگاه
سلام خسته نباشید اسم اکستنشی ک باهاش توی jsx به شکل Emmet کدو میزنید و کامل خودش میاد اون تگ قرار میگیره چیه اقای شیخ
- علی شیخ
  
  2 هفته پیش
  
  سلام وقت بخیر.
  والا من اکستنشنی برای اینکار نصب نکردم حالا شاید خود ادیتور و یا اکستنن دیگه ای داره اینکار را انجام میده
  از طرفی میتونید توی همون بخش اکستنشن های ادیتور، کلمه jsx سرچ کنید و بیینید مورد مناسبی هست برای استفاده کردن

استفاده از array در useState

توضیحات

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

آشنایی با react.js

آشنایی با نحوه کار react.js

ایجاد پروژه react.js با cdn

آشنایی با JSX (javascript XML)

ایجاد پروژه react.js با vite.js

آشنایی و ایجاد کامپوننت

افزودن فایل css

افزودن فایل sass

آشنایی با inline style

افزودن فریمورک bootstrap (بوت استرپ)

افزودن فریمورک react-bootstrap

افزودن فریمورک tailwindcss (تیلویند سی اس اس)

آشنایی با event در react.js

آشنایی با props

ارسال تابع به عنوان prop

کار با input و textarea

کار با select box

کار با checkbox و radio

آشنایی با هوک useState

مقدار قبلی در useState

استفاده از object در useState

استفاده از array در useState

آشنایی با هوک useEffect

اجرای useEffect بصورت شرطی و یکبار

آشنایی با clean up در useEffect

data fetching با useEffect (بخش اول)

data fetching با useEffect (بخش دوم)

آشنایی با use در react.js

آشنایی با کامپوننت Suspense

آشنایی با کامپوننت ErrorBoundary

آشنایی با context

آشنایی با هوک useContext

آشنایی با هوک useReducer (بخش اول)

آشنایی با هوک useReducer (بخش دوم)

استفاده از چندین reducer

ترکیب useContext و useReducer

آشنایی با هوک useRef

ایجاد هوک (custom hook)

آشنایی با spa(single page aplication)

نصب و آشنایی با react router

آشنایی با کامپوننت های Link و NavLink

آشنایی با basename و صفحه 404

آشنایی با هوک useParams

آشنایی با هوک useLocation

آشنایی با کامپوننت Navigate و هوک useNavigate

nested routing (روت های تو در تو)

معرفی پروژه

نصب و ایجاد پروژه

ایجاد بخش هدر (header)

دریافت و نمایش لیست کاربران

معرفی react

ایجاد پروژه react

توضیح ساختار پروژه react

ایجاد کامپوننت

معرفی JSX

قوانین JSX

جاوااسکریپت در JSX

افزودن فایل css

افزودن فایل sass

inline style

افزودن فریمورک bootstrap

افزودن react-bootstrap

event در react

آشنایی با prop

ارسال تابع به عنوان prop

prop (children)

input & textarea

select box

check box & radio

آشنایی با useState

مقدار قبلی در useState

useState با object

useState با array

آشنایی با useEffect

اجرا useEffect بصورت شرطی و یکبار

cleanup

fetch data بخش اول