سلام وقت بخیر , خسته نباشید
ببخشید شما دوره Next.js هم در ادامه ریکت برگزار می کنید؟؟
ری اکت (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
دوره های پیشنهادی، بعد از گذراندن این دوره :
پیش نیاز این دوره :
برای ارسال نظر ابتدا باید وارد سایت شوید
سلام وقت بخیر , خسته نباشید
ببخشید شما دوره Next.js هم در ادامه ریکت برگزار می کنید؟؟
سلام وقت بخیر.
بله
سلام
برای shortcode نویسی bootstrap در ریکت از چه extension استفاده کنیم چون تو ویدو ها دیدم که شما shortcode نویسی می کنید مثلا .container
سلام وقت بخیر.
اینکار اسمش emmet هست، که توی دوره رایگان emmet در سایت، در موردش صحبت کردیم.
واقعا دوره ی عالیه در ادامه به نکست و ریکت نیتیو هم بپردازید
سلام وقت بخیر.
ممنون از شما?
آموزشتون خوب بود .
دوره فول استک فعلا برگزار نمیکنید؟؟؟
مثلا بکند با لاراول یا نود و فرانت با نکست جی اس یا ناکست جی اس ؟؟؟
سلام وقت بخیر.
ممنون از شما.
دوره برای next.js و همچنین زمانی که نسخه stable ورژن 3 nuxt.js هم بیاد قرار میدیم.
سلام. استاد خوبین؟
دوره نکست رو همین ماه شروع می کنین یا زمان شروع شدنش معلوم نیست?
سلام وقت بخیر.
مشخص نیست، ولی سعی میکنیم تا آخر ماه آینده توی سایت قرار بدیم
سلام وقت بخیر
دو سوال داشتم:
1- دیتاهایی مثل لیست شهر و استان که ثابت هستند ولی تعداد آیتم ها مقداری زیاد هست را بهتره از سرور بخونیم یا داخل یک آرایه ریکت قراربدیم؟
2-پردازش استیت ها و محاسبات داخل ریکت ، داخل مرورگر کاربر انجام میشه یا سروری که ریکت رو داخلش قرار دادیم؟
سلام وقت بخیر.
سوال اول، شما میتونید برای مواردی که ثابت هستند توی پروژه بصورت یک متغیر داشته باشید اما اگه تغیر میکند از سرور دریافت کنید.
سوال دوم، ببینید react یک کتابخانه جاوااسکریپتی در سمت فرانت هست، کدهای جاوااسکریپت در سمت فرانت ارسال میشه به مرورگر و اونجا مرورگر اجرا میکنه، بخاطر همین میگیم سمت کلاینت هست.سرور فقط توی درخواستی که بهش ارسال میشه میاد و فایل index.html که توش فایل css و js هم اضافه شده را ارسال میکنه به مرورگر و مرورگر میاد اون فایل ها را میخونه و اجرا میکنه، ری اکت همون جاوااسکریپت هست نه چیزی فراتر
سلام وقت بخیر .
این دوره به صورت فانکشنال تدریس شده یا کلاس؟؟
سلام وقت بخیر.
بصورت فانکشنال
سلام ممنون از آموزش خوبتون
استاد اگه خواسته باشیم با ری اکت وبلاگ و واسه فروشگاه درگاه ایجاد کنیم چه طور انجام میشه؟
سلام وقت بخیر.
برای درگاه شما درخواست به سرور ارسال میکنید و سرور درخواست به درگاه و لینک درگاه برگشت داده میشه و سرور برای شما یا کلاینت ارسال نیکنه و شما کاربر را میفرستید به لینک درگاه برای پرداخت، بیشتر سمت سرور هست. انشاا... توی دوره فروشگاهی next.js در موردش صحبت میکنیم.
اموزش بسیار با کیفیت و کامل و جذاب بود سپاس برای ادامه ری اکت نیتیو هم می تواند جالب باشد یا اگر پیشنهادی دارید ممنون می شیم بگید استاد
سلام وقت بخیر.
ممنون از شما، برای ری اکت نیتیو باید درخواست زیاد باشه تا توی برنامه قرار بدیم. دوره بعدی درمورد ری اکت، دوره next.js هست.
عالیه مرسی از آموزشاتون، منتظر دوره فروشگاهی next js هستم. ریکت نیتیو هم اگه دوره اش رو بذارید عالی میشه!
ممنون از شما
سلام و وقت بخیر
تو این دوره کدوم ورژن react router dom رو آموزش دادین؟
سلام وقت بخیر.
ورژن 5 و 6
در ابتدا با ورژن 5 دوره ضبط شده و بعد از آمدن ورژن 6، قسمت های که توی ورژن 6 تغییر کرده را ضبط و در انتهای اون قسمت قرار داده شده
سلام علی آقا.خوبین؟
اول ممنون از آموزش های خوبتون
بعد
دوره بعدی سایت next یا type script هستش؟
سلام وقت بخیر.
ممنون از شما?
دوره بعدی typescript هست.اگه تقاضا زیاد باشه دوره next.js هم قرار میدهیم.
سلام وقتتون بخیر
سوال من اینه که این دوره کی به اتمام میرسه ؟ می خواستم زمان قطعی اتمام دوره رو بدونم
ممنون
سلام وقت بخیر.
تا اواسط ماه آینده تموم میشه، حدودا ۱۰۰ قسمت هست.
سلام
وقت بخیر
دوره فوق العاده عالی هست.خدا قوت.
لطفا هرچه زودتر دوره next رو هم قرار بدین.ممنون
سلام وقت بخیر.
ممنون از شما?
سلام، خسته نباشید!
در مورد نحوه احراز هویت در ریکت با api توضیح میدین در این دوره؟
سلام وقت بخیر.
احراز هویت با توکن هست که از سمت سرور ارسال میشه و توی درخواست های که سرور نیاز به توکن داره براش ارسال میکنید.خیر توی این دوره گفته نشده
سلام علی آقا.خوبی؟
به نظرتون چه هاستی تهیه کنیم که به درد سایت اصلی که بعدا بالا می خواهیم بیاریم هم خوب باشه؟
و آیا میشه چند تا دامنه رو روی یه هاست داشت؟
سلام وقت بخیر.
ببینید خرید یک هاست، بستگی به اون پروژه و با توجه به نیاز های اون پروژه هست، میتونید از شرکت های هاستینگ هم مشاوره و هم سوالاتتون را بپرسید.
سلام علی آقا.خوبی؟
اول ممنون به خاطر آموزش خوبتون
امکان داره با اتمام ری اکت دوره next و بقیه ری اکت پیشرفته رو آموزش بدین؟
سلام وقت بخیر.
ممنون از شما?
اگه درخواست زیاد باشه، چشم حتما قرار میدیم
ممنون
واقعا عالی
دوره های مکتب خونتون هم مثل ری اکت مقدماتی عالی بودن
ممنون از شما❤
تمام دوره های ما توی مکتب خانه، توی وسایتنون هست.
سلام خسته نباشید.
فرض کنید من یه وب سایت با ریکت ساختم که میاد و از api یسری کتاب رو دریافت میکنه و تو صفحه Home نشون میده. صفحه اصلی به این صورته که شامل چند بخشه مثلا تو قسمت اول پرفروش ترین کتاب ها رو از API دریافت میکنه. تو قسمت دوم جدیدترین کتاب ها و ... وحالا وقتی صفحه home لود میشه بطور همزمان مثلا 6 تا fetch هم زمان اتفاق میوفته و اگه سرعت اینترنت کاربر کم باشه کلی طول میکشه که اطلاعات تو صفحه بیاد. حالا سوال من اینه چجوری میتونیم کاری کنیم که fetch ها یکی یکی انجام بشه. مثلا اول قسمت جدیدترین کتاب ها دریافت بشه و بعد fetch دیگه ران بشه. ممنون
سلام وقت بخیر.
یه زمانی شما کل دیتای اون صفحه را با یک درخواست دریافت میکنید و تصاویر را بصورت lazy load قرار میدید.اگه تعداد درخواست ها زیاد باشه میتونید زمانی که اسکرول میشه و اون بخش موردنظر توی viewport قرار گرفت درخواست ارسال بشه و یا کامپوننت run بشه
سلام استاد .خوبین؟
یه سوال:
قبلا وقتی ما سایت رو ایجاد می کردیم فرانت اند داخل بک اند بود و در نهایت اون رو دیپلوی می کردیم
الان تو دوره ری اکت بالا یک اپ ری اکت رو ایجاد می کنیم
حالا این موقع دیپلوی چطوری میشه یه اپ بک اند و یه اپ ری اکت
سلام وقت بخیر.
پروژه سرور را جدا و پروژه ری اکت را هم جدا دپلوی میکنید،شما از طریق api به سرور وصل میشید و اطلاعات را دریافت میکنید.برای درک بهتر نیازه با api آشنا باشید.
سلام خسته نباشید.
آیا این درسته که نباید برای پروژه های متوسط و بزرگ از create-react-app استفاده کنیم و بهتره که پکیج های ریکتو با npm هر کدومو که خواستیم به پروژه اضافه کنیم و وب پک رو هم خودمون کانفیگ کنیم؟
من یه جا خوندم create-react-app فقط واسه تست و یادگیریه و حتی پروژه های کوچیکم با create-react-app ران نکنید.
سلام وقت بخیر.
ببینید create-react-app یک پکیج هست که پکیج ها و کانفیگ های موردنیاز برای پروژه react را براتون آماده میکنه و شما میتونید پکیج کم و زیاد کنید و یا کانفیگ را تغییر بدید یا اینکه خودتون از صفر نصب و کانفیگ کنید اون دیگه بستگی به مهارت شما داره و از هر دو روش میتونید استفاده کنید، پس استفاده از create-react-app بنظر من مشکلی نداره
Alireza
سلام
دوره نکست تو سایت کی قرار میگیره؟
علی شیخ
3 سال پیش
سلام وقت بخیر.
در تلاشیم تا آخر ماه آینده توی سایت قرار بگیره