سلام علی آقا.خوبی؟
به نظرتون چه هاستی تهیه کنیم که به درد سایت اصلی که بعدا بالا می خواهیم بیاریم هم خوب باشه؟
و آیا میشه چند تا دامنه رو روی یه هاست داشت؟
ری اکت (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
کار با style در react.js
آشنایی با event و props
کار با المان های فرم (form) در react.js
آشنایی با هوک useState
آشنایی با هوک useEffect
آشنایی با use و کامپوننت های Suspense و ErrorBoundary
آشنایی با هوک useContext
آشنایی با هوک useReducer
آشنایی با react router
ایجاد پروژه spa (single page application)
ایجاد پروژه مدیریت Todo با useReducer و useContext
آشنایی با redux(redux toolkit) و نحوه استفاده در react.js
ایجاد پروژه سبد خرید با redux(redux toolkit)
دوره های پیشنهادی، بعد از گذراندن این دوره :
پیش نیاز این دوره :
برای ارسال نظر ابتدا باید وارد سایت شوید
سلام علی آقا.خوبی؟
به نظرتون چه هاستی تهیه کنیم که به درد سایت اصلی که بعدا بالا می خواهیم بیاریم هم خوب باشه؟
و آیا میشه چند تا دامنه رو روی یه هاست داشت؟
سلام وقت بخیر.
ببینید خرید یک هاست، بستگی به اون پروژه و با توجه به نیاز های اون پروژه هست، میتونید از شرکت های هاستینگ هم مشاوره و هم سوالاتتون را بپرسید.
سلام علی آقا.خوبی؟
اول ممنون به خاطر آموزش خوبتون
امکان داره با اتمام ری اکت دوره 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 بنظر من مشکلی نداره
سلام
دوره Next هم بعد این دوره منتشر می کنید؟
اگه میشه یه دوره شامل پروژه با ریکت و لاراول مث همون دوره فروشگاه با لاراول ولی اینبار با ریکت و لاراول استارت بزنید. ممنون
سلام وقت بخیر.
اگه درخواست زیاد باشه بله حتما قرار میدیم.
دوره next.js برگزار بشه عالی میشه!
ممنون از پیشنهادتتون?
سلام خسته نباشید.
این دوره توی مباحث پیشرفته چه مواردی رو شامل میشه؟
سلام وقت بخیر.
مباحثی که توی دوره گفته میشه، در توضیحات دوره نوشته شده
سلام میخام را این دوره ثبت نام کنم یک سوال داشتم
این دوره کی تموم میشه؟
سلام وقت بخیر.
این دوره حدودا ۱۰۰ قسمت هست و روزانه ۱ الی ۲ قسمت توی وب سایت قرار داده میشه
ممنونم از پاسختون
اما منظورم اینه که الان 3 سال هست ری اکت به صورت فانکشنال کامپوننت معرفی شده و ما اگر فقط همین شیوه فانکشنال رو یادبگیریم چقدر ممکنه در کد دیگران و پکیج ها به ری اکتی بر بخوریم که به صورت کلاس کامپوننت نوشته شده باشه؟
آیا دانستن کلاس کامپوننت الزامی هست یا خیر؟
تشکر
ببینید شما از هر دو توی ورژن ۱۶.۸ به بالا میتونید استفاده کنید و کلاس کامپوننت چیز خیلی سخت و مشکلی نیست، ممکنه توی یک پروژه کلاس کامپوننت استفاده شده باشه
سلام
در مستندات react قسمت هاي مثل فرم ها به صورت كلاس نوشته و توضيح داده شده و توضيحي به صورت فانكشنال در اين قسمت و برخي قسمت هاي ديگر مستندات داده نشده.
كتابخانه هاي ري اكت هم با كلاس نوشته شده يا فانكشنال؟
براي من كه بيشتر به صورت فانكشنال كار ميكنم react و مستنداتش و كتابخونه هاش مناسب تره يا vuejs ؟
تشكر
سلام وقت بخیر.
در ری اکت همچنان میتونید از کلاس استفاده کنید و کامپوننت ایجاد کنید،ولی با آمدن hook ها ری اکت به سمت فانکشن امده و کتابخانه ها هم به این سمت، توی این دوره هم ما از فانکشن کامپوننت ها استفاده میکنیم.اما این موضوع ربطی با نوشتن توابع نداره و ایجاد کامپوننت که میتونه داخلش توابع نوشته بشه توی ری اکت میتونه بصورت کلاس و یا توابع باشه
در react چون كتابخونه هست و فريمورك نيست يكسري تنظيمات بايد خودمون انجام بديم يا به صورت پيش فرض مثل فريمورك دارن؟
مثلاً تنظيمات script در npm كه اسكريپت هاي مهم رو در vuejs به صورت پيش فرض و با vue cli ميتونيم داشته باشيم اما چون ري اكت كتابخانه هست اين اسكريپت هارو خودمون بايد بنويسيم؟
سلام وقت بخیر.
ری اکت هم این مورد را داره، پکیجی به اسم create-react-app، برای آشنایی بیشتر با ری اکت چند قسمت رایگان بخش اول را مشاهده کنید.
سلام
ممنون از آموزش های خوبتون
ری اکت چه قابلیت هایی به جاوا اسکریپت میده که باید اون رو یاد بگیریم؟
سلام وقت بخیر.
React کار کردن با جاوااسکریپت را براتون ساده تر میکنه، قسمت های رایگان دوره را میتونید مشاهده کنید و بیشتر آشنا بشید.
وقت بخیر .
نحوه آپلود فایل رو در سرفصل ها نگفتین
اگه امکانش هست در برنامتون قرارش بدید.
مرسی
سلام وقت بخیر.
شما فایل را از input دریافت میکنید و حالا با fetch یا axios به سرور ارسال میکنید، میتونید از کتابخانه های مربوط به react هم استفاده کنید.
سلام
هركدوم از فريمورك يا كتابخانه react يا فريمورك vue يكسري ويژگي هاي خاص خودشونو دارن اما گفته ميشه يادگيري react نسبت به vue زمان بر تر و چالشي تر هست ولي پر استفاده تر از vue هست
ممنون ميشم اگر تجربه خودتونو براي راهنمايي ما راجع به اين دو فريمورك و كتابخانه بيان كنيد كه آيا react پيچيده تر هست يا نه؟
چون الان در معرفي ديدم پروژه هايي كه پياده سازي كرديد مشابه دوره vue شما هست
تشكر
سلام وقت بخیر.
ببینید جفتشون کار کردن باهاشون ساده هست، از طرفی ری اکت کتابخانه هست و vue فریمورک و این باعث میشه ساختار کاریشون و استفاده ازشون متفاوت باشه،حرفتون درست هست ری اکت ممکنه کمی چالشی تر بشه اما نه اون چالش های بزرگ، چون جفتشون کار کردن باهاشون ساده هست.پس اونقدرا پیچیده نیست، از طرفی شما با یک کدومشون آشنا بشید خیلی ساده میتونید با اون یکی هم آشنا بشید، در کل من vue و nuxt را بیشتر دوست دارم و ترجیح میدم.صد در صد آینده خیلی خوبی داره vue
بلاخره امد بزودی دوره تهیه میکنم
سلام وقت بخیر.
ممنون از حمایتتون?
مهدی سعدونی
سلام، خسته نباشید!
در مورد نحوه احراز هویت در ریکت با api توضیح میدین در این دوره؟
علی شیخ
4 سال پیش
سلام وقت بخیر.
احراز هویت با توکن هست که از سمت سرور ارسال میشه و توی درخواست های که سرور نیاز به توکن داره براش ارسال میکنید.خیر توی این دوره گفته نشده