توضیحات

ری اکت (React.js) یک کتابخانه جاوااسکریپتی برای ساخت رابط کاربری(user interfaces) برای اپلیکیشن های تک صفحه ای (single page applications) هست که در سال ۲۰۱۳ توسط تیم توسعه فیسبوک ساخته شده است. بخش اصلی در React کامپوننت‌ها هستند. یک کامپوننت ترکیبی از HTML و javascript است و تمام منطق مورد نیاز برای نمایش قسمت کوچکی از یک رابط کاربری بزرگ‌ تر را در خود دارد. هر کدام از این کامپوننت‌ها می‌توانند به بخش‌های پیچیده‌تر یک اپلیکیشن اضافه شوند. همچنین React این امکان رو در اختیار ما قرار میدهد که کامپوننت‌های قابل استفاده مجدد (reusable UI components) رابط کاربری ایجاد کنیم. توی این دوره به آموزش پروژه محور react ورژن 17 و 18 (در ورژن 18 چیزی تغییر نکرده و شما این دوره را میتوانید با ورژن 18 ری اکت مشاهده کنید همچنین در بخش انتهای دوره درمورد ورژن 18 صحبت کردیم) به همراه hook ها، react router و redux میپردازیم.که 3 پروژه توی این دوره ایجاد میشه شامل پروژه spa(single page application) ، پروژه مدیریت Todo با useRducer و useContext و همچنین پروژه سبد خرید با redux

برای آشنایی بیشتر با react.js و همچنین مشاهده پروژه ای که توی این دوره پیاده سازی میشود، حتما ویدیو معرفی که در پایین قرار گرفته را مشاهده کنید.

همچنین دوره ای نکست جی اس (next.js) هم توی وبسایت قرار گرفت که پیشنهاد میکنم حتما بعد از این دوره مشاهده کنید.

مباحثی که در این دوره گفته میشود شامل :
آشنایی با react.js

  • react چیست
  • ایجاد پروژه react
  • توضیح ساختار پروژه react
  • توضیح و ایجاد کامپوننت 

آشنایی با JSX

  • معرفی jsx
  • قوانین jsx
  • جاوااسکریپت در jsx

style در react

  • افزودن فایل css
  • افزودن فایل sass
  • inline style
  • افزودن فریمورک bootstrap
  • افزودن react-bootstrap

Event & Prop

  • توضیح event در react
  • توضیح prop در react

کار با form

  • input & textarea
  • selectbox
  • checkbox & radio

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

  • آشنایی با useState
  • object و array در useState

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

  • آشنایی با useEffect
  • اجرای useEffect بصورت شرطی و همچنین یکبار
  • cleanup
  • دریافت دیتا از api با useEffect

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

  • context چیست
  • آشنایی با useContext

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

  • آشنایی با useReducer
  • useReducer + useContext

آشنایی با useCallback & useMemo & React.memo و custom hook

آشنایی با react-router

  • توضیح spa (single page application)
  • Link & NavLink
  • useParams
  • useLocation
  • useHistory
  • nested routing
  • useRouteMatch

ایجاد پروژه spa (single page application) 

ایجاد پروژه مدیریت Todo با useReducer و useContext

آشنایی با redux

  • action & reducer & store
  • combineReducer
  • redux thunk

آشنایی با react-redux

  • action & reducer & storer
  • connect
  • useSelector & useDispatch
  • redux devtools
  • redux thunk

ایجاد پروژه سبد خرید با redux

ری اکت ورژن 18

  • آشنایی با ویژگی های ورژن 18
  • suspense در ری اکت
  • concurrent در ری اکت

دوره های پیشنهادی، بعد از گذراندن این دوره :

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


javascript جاوااسکریپت react ری اکت

مدرس دوره علی شیخ
مدت دوره 16:08:35
تعداد ویدیو 106

وضعیت دوره : کامل شده
قیمت دوره : 249,000 تومان

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

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

  • خیلی ممنون از شما ببخشید یعنی من بعد دیدن این دوره React را کامل یاد میگیرم و بعدش میتونم برم سراغ React Native ??? خیلی ممنون از شما

    • بله برای یادگیری ری اکت میتوانید از این دوره استفاده کنید.
      خواهش میکنم

  • سلامو عرض خسته نباشید ببخشید استاد یه نقشه را برای react native به من میگید میخاستم بدونم برای اینکه کامل به تمام react native مسلط شد باید چه دوره هایی را گذروند خیلی ممنون از شما

    • سلام وقت بخیر.
      شما باید دوره react و بعد از اون دوره react native را ببینید، برای دوره react native دوره ای نمیشناسم.
      همچنین میتوانید بجای react natibe، فلاتر یادبگیرید.

  • علی اقا مرسی از اموزش های خوبت واقعا خیلی یاد گرفتم
    ولی اگه امکانش بود یه دوره mongoDb و نود جی اس کامل تر برامون ضبط کن مثل همون لارولی که ضبط کردید و خیلی جامع و کامل بود . که ما جاوا اسکریپتی ها هم بی نصیب از بک اند نمونیم😀 مرسی بازم

  • سلام استاد:
    من با استفاده از React و Laravel یک File upload ساختم. می خوام علاوه بر سمت Laravel، سمت کلاینت هم از آپلود فایلهای اجرایی یا مخرب جلوگیری کنم. راهنمایی می فرمایید. آیا در این زمینه دوره ای دارین؟

    • سلام وقت بخیر.
      شما میتوانید پسوند و حجم فایل دریافتی را بررسی یا validation کنید و یا از پکیج استفاده کنید.

    • والا من پکیج خاصی مدنظرم نیست و باید سرچ کنید و ببینید که کدام پکیج بیشترین نیاز شما را بطرف میکند.

  • ممنون از دوره های بسیار خوبتون. شما استاد فوق العاده ای هستین و بسیار خوب درس می دین. من دوره های زیادی رو دیدم ولی بنظر من بهترین مدرس دوره ها تا الان شما هستین و من بیشتر دوره هاتون رو خریدم و استفاده کردم. امیدوارم همیشه موفق باشین. و امیدوارم React Native رو هم قرار بدین.

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

  • سلام آقای شیخ خسته نباشید
    ببخشید یه سوال داشتم اینکه میگن یادگیری redux اوایل سخت و پیچیدست درسته؟ و اینکه تو این دوره کامل به redux پرداخته شده یا فقط یه مرور کلی شده ازش؟

    • سلام وقت بخیر.
      ببینید برای هر کسی میتونه متفاوت باشه، ما بصورت کامل و سعی شده خیلی ساده توضیح داده بشه تا دوستان درک کنند ولی چیز خیلی سخت و پیچیده ای نیست.
      از طرفی سطح کاربر هم مهم هست و درصد زیادی از دوستان اصلا پیش نیاز یک دوره را کار نمیکنند و مشکلات زیادی دارند و دوره ای که هنوز مناسب سطحشون نیست را شروع میکنند.

  • وقت بخیر استاد.در مورد دیپلوی پروژه و روشی که برای جلوگیری از خطای 404 گفتین فک کنم این روش تنها روی وب سرور های آپاچی درست اجرا میشه.امکانش هس روش هایی رو بگین که توی بقیه وب سرور ها هم باعث رفع این مشکل بشه؟

    • سلام وقت بخیر.
      فقط برای آپاجی نیست و همه وب سرور ها بحث redirect را دارند که با توجه به وب سرورتون میتوانید اینکار را انجام بدید، نیاز هست سرچ کنید.

    • سلام وقت بخیر.
      ممنون از شما، نظر لطفتون هست.
      انشاا... تا آخر ماه توی سایت قرار میدیم.

    • سلام وقت بخیر.
      اینکار اسمش emmet هست، که توی دوره رایگان emmet در سایت، در موردش صحبت کردیم.

  • آموزشتون خوب بود .
    دوره فول استک فعلا برگزار نمیکنید؟؟؟
    مثلا بکند با لاراول یا نود و فرانت با نکست جی اس یا ناکست جی اس ؟؟؟

    • سلام وقت بخیر.
      ممنون از شما.
      دوره برای next.js و همچنین زمانی که نسخه stable ورژن 3 nuxt.js هم بیاد قرار میدیم.

  • سلام وقت بخیر
    دو سوال داشتم:
    1- دیتاهایی مثل لیست شهر و استان که ثابت هستند ولی تعداد آیتم ها مقداری زیاد هست را بهتره از سرور بخونیم یا داخل یک آرایه ریکت قراربدیم؟
    2-پردازش استیت ها و محاسبات داخل ریکت ، داخل مرورگر کاربر انجام میشه یا سروری که ریکت رو داخلش قرار دادیم؟

    • سلام وقت بخیر.
      سوال اول، شما میتونید برای مواردی که ثابت هستند توی پروژه بصورت یک متغیر داشته باشید اما اگه تغیر میکند از سرور دریافت کنید.
      سوال دوم، ببینید react یک کتابخانه جاوااسکریپتی در سمت فرانت هست، کدهای جاوااسکریپت در سمت فرانت ارسال میشه به مرورگر و اونجا مرورگر اجرا میکنه، بخاطر همین میگیم سمت کلاینت هست.سرور فقط توی درخواستی که بهش ارسال میشه میاد و فایل index.html که توش فایل css و js هم اضافه شده را ارسال میکنه به مرورگر و مرورگر میاد اون فایل ها را میخونه و اجرا میکنه، ری اکت همون جاوااسکریپت هست نه چیزی فراتر