ری اکت (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
آشنایی با JSX
style در react
Event & Prop
کار با form
آشنایی با هوک useState
آشنایی با هوک useEffect
آشنایی با هوک useContext
آشنایی با هوک useReducer
آشنایی با useCallback & useMemo & React.memo و custom hook
آشنایی با react-router
ایجاد پروژه spa (single page application)
ایجاد پروژه مدیریت Todo با useReducer و useContext
آشنایی با redux
آشنایی با react-redux
ایجاد پروژه سبد خرید با redux
ری اکت ورژن 18
دوره های پیشنهادی، بعد از گذراندن این دوره :
پیش نیاز این دوره :
برای ارسال نظر ابتدا باید وارد سایت شوید
سلام و خسته نباشید به استاد شیخ
استاد من نزدیک 5 ماهه دوبار دوره ریکتتونو دیدم پروژه هاشو باهاتون کد زدم و تمرین کردم مفاهیم رو هم بلدم اما بازم نمیتونم 0 تا 100 یه سایت رو تنهایی بالا بیارمش میخواستم نظرتونو بدونم و کمکم کنین ک چیکار باید بکنم
و در اخر اینکه الان بمونم روی ریکت و وسواس بیشتری بعد 5 ماه به خرج بدم یا نکست رو شروع کنم
سلام وقت بخیر.
ببینید توی دنیای برنامه نویسی تحلیل خیلی مهم هست و شما زمانیکه تحلیل کنید که فلان کار را میخواهید انجام بدید با یه سرچ ساده تکه کد یا سینتکس اون زبان و فریمورک را پیدا میکنید و شما روی تحلیل کردن کل و جز باید کار کنید.
اگه ری اکت را درک کردید و به خوبی آشنا هستید که فکر میکنم به همین شکل هست. برید سراغ دوره نکست و فروشگاهی نکست اونجا امکانات بیشتر هست و دید خیلی بهتری میده مخصوصا زمانیکه توی یک پروژه فروشگاهی تجربه کنید.
وظیفه خودم دونستم باز هم ازتون تشکر کنم با این آموزش هم غافلگیر شدم پارت 31 مگه میشه به این زیبایی usereducer رو کسی توضیح بده و صد البته همه ی آموزش های شما با همین کیفیت ممنونم استاد
سلام وقت بخیر.
ممنون از شما و حمایتتون
خداروشکر دوره براتون کاربردی بوده
با عرض سلام و وقت بخیر.
بنده میخواستم فایل های تمرین های 67 و 69 پروژه تودو رو اجرا کنم. طبق اموزشتون از دستور npm i استفاده کردم پس از گذشت چند دقیقه یک سری فایل نصب شد ولی فایل اجرا نمیشه.میخواستم اگر امکان داره یک دور این تمرین ها رو چک کنید و ببینید مشکلشون کجاست؟
سلام وقت بخیر.
ارور چی دریافت میکنید؟
سلام ممنونم بابت آموزش خوبتون
سلام وقت بخیر.
ممنون از شما و حمایتتون
خداروشکر دوره براتون مفید بوده
سلام اقای شیخ من یکی از دانشجوهاتون هستم میخواستم بدونم نوشتن جزوه به یاد گیری ریکت کمک میکنه یا فقط تمرین کردن کفایت میکنه؟ ممنون میشم نظرتون بدونم
سلام وقت بخیر.
ببینید این موضوع برای هر شخصی متفاوت هست و هر شخصی به یک شکل بهتر یادمیگره، شما هم تست کنید و با هر روشی اوکی هستید انجام بدید.
و موضوع بعدی اینکه توی دنیایی برنامه نویسی نیازی به حفظ کردن چیزی نیست بلکه باید درک و تحلیل بشه که فرضا برای فلان کار از چه قابلیت های اون زبان یا فریمورک باید استفاده بشهو حالا با سرچ کردن هم میشه نمونه کد دید و بررسی کرد.
سلام جناب شیخ روتر ورژن 7 اومده میخواستن بدونم تغییراتش بزرگ بوده یا با سینتکس ورژن 6 میتونیم ازش استفاده کنیم؟
سلام وقت بخیر.
خیر، تغیر خاص و مشکلی نیست.
اگه هم با ورژن ۶ از قبل آشنا هستید که کافیه توی داکیومنتش تفاوت ها را مطالعه کنید.
سلام استاد
ورژن 19 ریکت ریلیز شده آیا به ویدیو های دوره اضافه میکنید ؟
سلام وقت بخیر.
بصورت کلی خیلی تفاوتی نیست و چندتای هوک اضافه شده که در آینده انشاا... قسمت براش ضبط میکنم.
سلام. خسته نباشید.
در این دوره ، برای بک اند پروژه های تمرینی از چه فریمورکی استفاده شده ؟ و اینکه آیا این دوره به اندازه ای که بتونیم پروژه های متوسط باهاش بزنیم ، کامل هست یا خیر ؟
ممنون
سلام وقت بخیر.
در خصوص بک اند یا api، موضوعی هست که کلا جدا از فرانت هست و دوره های مجزا خودش را توی سایت داره و توی این دوره از سایت های که api را بشکل فیک میدن برای تست استفاده شده که زمانیکه پیش نیاز های دوره را در ابتدا ببینید کامل متوجه صحبت بنده میشید.
از طرفی هدف از این دوره هم اینکه بعدش دوره یا با فریمورک ری اکت یعنی نکست جی اس آشنا بشید و پروژه هاتون را با اون پیاده سازی کنید.
سلام استاد
می خواستم بدونم این دوره از صفر تا صد ریکت محسوب میشود یا خیر
لطفاً توضیح می دهید استاد بزرگوار
سلام وقت بخیر.
بله هدف این بوده که کامل باشه ولی خب توی دنیایی برنامه نویسی تجربه و مهارت هم مهم هست.
و هدف بعدی از دوره اینکه بعد از ری اکت با فریمورکش نکست جی اس آشنا بشید.
سلام خسته نباشین
میخواستم بدونم فایل های تمرینی پروژه spa ورژن 6 رو داخل فایل تمرینی گذاشتین یا خیر.
تشکر میکنم از دوره خوبتون
سلام وقت بخیر.
متوجه سوالتون نشدم. آپدیت توی ویدیو قرار گرفته بشکل توضیحات
من ارور module not find required stack رو دریافت میکنم هرکاری میکنم پروژه ریکتم بالا نمیاد لطفاً اگه میشه راهنمایی کنید
سلام وقت بخیر.
والا ارور کلی هست، اگه پکیجی نصب کردید قبل ارور اون را پاک و بررسی کنید.
سلام تو این دوره useRef هم گفتین!؟ اگه نه آیا اضافه خواهد شد!؟
سلام وقت بخیر.
بله، لطف کنید سرفصل های دوره را مطالعه کنید.
سلام استاد ببخشید در مورد react query آموزشی تهیه کردید ؟ اگر نه در آینده امکان آموزش این مبحث وجود داره؟ممنون
سلام وقت بخیر.
خیر و فعلا برنامه ای براش نداریم🙏
سلام من برای نصب ری اکت ب مشکل خوردم تو بخش CD desktop
میزنهThe system cannot find the path specified.. سیستم نمی تواند مسیر مشخص شده را پیدا کند.
اگه میشه مشکل کمک کنید
سلام وقت بخیر.
شما باید توی مسیری باشید که دسکتاپ داخلش هست و فرضا نمیشه از یک درایو دیگه واردش شد.
پیشنهاد من اینکه سرچ کنید فارسی آشنایی با cmd و دستورات آن، اصلا پیچیده نیست و اصلا وقت شما را نمیگیره و کافیه یکی دوتا مقاله در این خصوص مطالعه کنید.
علی جان من بسیار لذت بردم از دوره ی nextjs چرا که مطابق آخرین مستندات این فریم ورک دوره مرحله به مرحله ضبط شده، آیا دوره ی ری اکت هم مطابق مستندات ری اکت مرحله به مرحله ضبط شده؟
سلام وقت بخیر.
ممنون از شما و حمایتتون
سعی شده تمام بخش های موردنیاز گفته بشه ولی اینکه دقیقا مانند داکیومنت باشه خیر، و مطالب کمی پراکنده هست در داکیومنتش
سلام آیا در دوره در خصوص React Server Components که در ری اکت 18 معرفی شده هم توضیح داده شده؟! چون من از نکست جی اس استفاده میکنم نکست 13 و 14 از React Server Components همونطور که میدونید استفاده میکنه، برای همین من میخوام بدونم اگر React Server Components آموزش داده شده، این آموزش رو تهیه کنم.
لطفا اگر در این خصوص در این دوره مطلبی هست بگید در کدوم بخش آموزش داده شده ممنون
سلام وقت بخیر.
توی خوده دوره ری اکت خیر، چون نیاز به پیاده سازی بک اند داره اما توی دوره ای نکست جی اس درموردش صحبت شده
سلام خیلی ممنون از آموزش های خوبتون، یک سوالی داشتم چطور می تونم از ریکت و وردپرس برای طراحی سایت استفاده کنم؟ آیا آموزشی در این زمینه است؟ و مشکلی در زمینه سئو برای سایت نداره؟
سلام وقت بخیر.
بنده خیلی آشنایی با وردپرس ندارم و نمیدونم
سلام آقای شیخ
من ری اکت بلدم اما میخواستم از آموزش ریداکس شما استفاده کنم
امکانش هست فقط هزینه ی بخش های ریداکس رو بپردازم و فقط اون قسمتها در دسترسم باشه؟
سلام وقت بخیر.
خیلی عذر خواهی میکنم، متاسفانه امکان خرید بصورت بخشی از دوره نیست
سلام استاد من دارم می خوام یک سایت با لاراول و ریکت بسازم می خواستم بدونم که برای اینکه این سایت به صورت spa باشه باید حتما از روتر های ریکت استفاده کنم یا از روتر های لاراول هم میشه استفاده کرد؟
سلام وقت بخیر.
بله، پیشنهاد میشه از لاراول به عنوان api استفاده کنید و پروژه فرانت جدا باشه حالا با ری اکت یا نکست
alirezanasr
سلام وقت بخیر
یه سوال راجب Redux داشتم این درسته که تعداد زیادی Slice توی App.js پروواید بشه؟ و توی هرکدوم هم عملیات Crud سرور باشه مشکلی پیش نمیاد برای پرفورمنس؟
یا برا باز کردن مودال هم از redux استفاده بشه
علی شیخ
1 ماه پیش
سلام وقت بخیر.
ببینید بصورت کلی شما برای موارد مهم و خاصی که نیاز دارید توی صفحات مختلف بهش دسترسی داشته باشید ازش استفاده میکنید. برای باز کردن مودال یا هر کاری که فقط توی همون صفحه هست اصلا نیازی نیست همچنین از لوکال استوریج هم میشه برای یکسری کار ها استفاده کرد.