توضیحات

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

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

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

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

  • آشنایی با react.js
  • نحوه کار react.js
  • ایجاد و توضیح ساختار پروژه react.js با vite.js
  • آشنایی با JSX (javascript XML)
  • توضیح و ایجاد کامپوننت 

کار با style در react.js

  • افزودن فایل css
  • افزودن فایل sass
  • آشنایی با inline style
  • نحوه افزودن فریمورک bootstrap (بوت استرپ)
  • نحوه افزودن react-bootstrap
  • نحوه افزودن فریمورک tailwindcss (تیلویند سی اس اس)

آشنایی با event و props

  • توضیح و نحوه کار با event ها در react.js
  • آشنایی با مبحث prop در react.js

کار با المان های فرم (form) در react.js

  • کار با input و textarea
  • کار با select box
  • کار با checkbox و radio

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

  • آشنایی با useState
  • نحوه استفاده از object و array در useState

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

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

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

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

  • آشنایی با مبحث context
  • آشنایی با هوک useContext

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

  • آشنایی با useReducer
  • ترکیب و استفاده از useReducer و useContext

آشنایی با react router

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

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

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

آشنایی با redux(redux toolkit) و نحوه استفاده در react.js

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

 

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

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


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

مدرس دوره علی شیخ
مدت دوره 32:29:27
تعداد ویدیو 198

وضعیت دوره : کامل شده
قیمت دوره : 699,000 629,000 تومان
% 10 تخفیف

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

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

  • ضمن تشکر فراوان از جنابعالی،
    استاد میشه با دستور npx بصورت پیش فرض یک پروژه react نسخه 6 ایجاد کرد.
    وقتی دستور npx create-react-app projectname رو اجرا میکنیم نسخه 5 هست.

    • سلام وقت بخیر.
      ری اکت الان نسخه ۱۹ هست و ورژن ۶ که خیلی قدیمی هست. درست متوجه سوالتون نشدم

  • سلام وقت بخیر
    من لاراول کار میکنم و برای فول استک شدن میخوام vue یا react یاد بگیرم. ولی نمیدونم کدوم بیشتر به کارم میاد. دوست داشتم اگه ممکنه نظر شما رو بدونم.

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

    • سلام وقت بخیر
      توی ورژن 19 تغیراتی نبوده و صرفا چندتا هوک جدید معرفی شده و محتوا مشکلی نداره ولی چشم در موزشون صحبت میکنیم.

    • سلام وقت بخیر.
      مطالب دوره برای استفاده در ورژن ۱۹ بدون مشکل هست و صرفا توی ورژن ۱۹ چندین هوک جدید معرفی کرده

  • سلام وقت بخیر
    یه سوال راجب Redux داشتم این درسته که تعداد زیادی Slice توی App.js پروواید بشه؟ و توی هرکدوم هم عملیات Crud سرور باشه مشکلی پیش نمیاد برای پرفورمنس؟
    یا برا باز کردن مودال هم از redux استفاده بشه

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

  • سلام و خسته نباشید به استاد شیخ
    استاد من نزدیک 5 ماهه دوبار دوره ریکتتونو دیدم پروژه هاشو باهاتون کد زدم و تمرین کردم مفاهیم رو هم بلدم اما بازم نمیتونم 0 تا 100 یه سایت رو تنهایی بالا بیارمش میخواستم نظرتونو بدونم و کمکم کنین ک چیکار باید بکنم
    و در اخر اینکه الان بمونم روی ریکت و وسواس بیشتری بعد 5 ماه به خرج بدم یا نکست رو شروع کنم

    • سلام وقت بخیر.
      ببینید توی دنیای برنامه نویسی تحلیل خیلی مهم هست و شما زمانیکه تحلیل کنید که فلان کار را میخواهید انجام بدید با یه سرچ ساده تکه کد یا سینتکس اون زبان و فریمورک را پیدا میکنید و شما روی تحلیل کردن کل و جز باید کار کنید.
      اگه ری اکت را درک کردید و به خوبی آشنا هستید که فکر میکنم به همین شکل هست. برید سراغ دوره نکست و فروشگاهی نکست اونجا امکانات بیشتر هست و دید خیلی بهتری میده مخصوصا زمانیکه توی یک پروژه فروشگاهی تجربه کنید.

  • وظیفه خودم دونستم باز هم ازتون تشکر کنم با این آموزش هم غافلگیر شدم پارت 31 مگه میشه به این زیبایی usereducer رو کسی توضیح بده و صد البته همه ی آموزش های شما با همین کیفیت ممنونم استاد

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

  • با عرض سلام و وقت بخیر.
    بنده میخواستم فایل های تمرین های 67 و 69 پروژه تودو رو اجرا کنم. طبق اموزشتون از دستور npm i استفاده کردم پس از گذشت چند دقیقه یک سری فایل نصب شد ولی فایل اجرا نمیشه.میخواستم اگر امکان داره یک دور این تمرین ها رو چک کنید و ببینید مشکلشون کجاست؟

  • سلام اقای شیخ من یکی از دانشجوهاتون هستم میخواستم بدونم نوشتن جزوه به یاد گیری ریکت کمک میکنه یا فقط تمرین کردن کفایت میکنه؟ ممنون میشم نظرتون بدونم

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

    • سلام وقت بخیر.
      خیر، تغیر خاص و مشکلی نیست.
      اگه هم با ورژن ۶ از قبل آشنا هستید که کافیه توی داکیومنتش تفاوت ها را مطالعه کنید.

  • سلام. خسته نباشید.
    در این دوره ، برای بک اند پروژه های تمرینی از چه فریمورکی استفاده شده ؟ و اینکه آیا این دوره به اندازه ای که بتونیم پروژه های متوسط باهاش بزنیم ، کامل هست یا خیر ؟
    ممنون

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

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

  • سلام خسته نباشین
    میخواستم بدونم فایل های تمرینی پروژه spa ورژن 6 رو داخل فایل تمرینی گذاشتین یا خیر.

    تشکر میکنم از دوره خوبتون

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

  • سلام من برای نصب ری اکت ب مشکل خوردم تو بخش CD desktop
    میزنهThe system cannot find the path specified.. سیستم نمی تواند مسیر مشخص شده را پیدا کند.
    اگه میشه مشکل کمک کنید

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