نیما جان از دیدن ویدیوت خیلی لذت بردم. اگه بتونی این مفاهیم رو کمی کد توی کد نویسی توضیح قدی خیلی عالی میشه و همین طور اگه بتونی نحو کش کردن Https request ها توی next 13 رو توی یک ویدیو دیگه ضبط کنی عالی میشه.
سلامم ایول که ویدیو رو دیدی و خوشت اومد 😍 ببین ویدیو هایی که کد بزنمم دارم تو کانال ولی خب واقعا تو این ویدیو من چه کدی میزدم، این صرفا مدل اجراشدن کدی که نوشته رو توضیح میده
در نتیجه فایل js تو همه حالت ها . یک حجم ثابت داره . چون هم event listener ها توش هستن و هم دیتای مقاله ها توشن فقط توی ssr دیتای مقاله ها همراه html میاد ولی برای event listener ها باید بره دوباره js رو دانلود کنه . در واقع دیتای مقاله ها تو اون فایل js هم هستن و اینجا duplicate میشن و اضافی هستن ولی توی csr اولش html خالیه . و میره فایل js رو میگیره و هم دیتای مقاله هارو داره هم event listener هارو داره . بخاطر همین تو csr پس hydaration نداریم
۱) بله سایز تو همشون یکیه (سرور کامپوننت ها بعد از انتشار این ویدیو اومدن و اونا رو حجم باندل تاثیری ندارن) ۲) دیتای مقاله تو فایل js نیست و duplicate نمیشه ۳) چون تو حالت csr اون html خالیه پس نیازی به hydration نداریم، درسته
@@nima_arf دیتای مقاله هم فقط تو فایل اچ تی ام ال هستش؟ و توی جی اس فقط ایونت لیسنر ها هستن؟ پس چتوری سایز های جی اس ها یکسانه؟ توی سرورساید باید سایز جی اس باید کمتر باشه پس
سلام این app dir که جدید اومده به صورت پیش فرض sssr هستش و هر layout/page میتونه suspense بشه و loading که مربوط بهش هست رو کلاینت رندر بشه تا زمانی که کامپوننت تو حالت suspended هستش کامپوننت های بالاییش stream میشن و loading این کامپوننت suspend شده رو صفحه رندر میشه تا زمانی که از حالت suspend دربیاد (اون پرامیس توش resolve بشه) و بعدش با مقدار رندر شده‌ش replace میشه توسط ریاکت
So by default app dir SSSR hast vali aya with partial hydration ham hast? ya Chunk chunk paint mishe o akhar sar hydration etefag miofte? manzoram default e app dir e
ببخشید الان توی csr تمام کد ها ارسال میشن سمت مرورگر و مرورگر اجرا میکنه و توی ssr کدها سمت سرور اجرا میشن و فایل اجرا شده میاد تو مرورگر و فقط نمایش داده میشه؟ درست فهمیدم؟
حالت CSR و درست گفتی تو حالت SSR برای درخواست اول کدا رو سرور اجرا میشن، نتیجه‌ش برای مرورگر ارسال میشه، همزمان کدها برای مرورگر هم ارسال میشه که اپ حالت CSR رو داشته باشه و وقتی رو لینک و اینا کلیک میکنی اپ رفرش نشه و حالت SPA و داشته باشه اگر میخوای کدا رو سرور بمونن و رو مرورگر فقط نتیجه‌شون بیاد و حالت SPA هم داشته باشی باید از Server Component ها استفاده کنی که ویدیوش تو کانال هستش 🔥
یه دونه ای و بی نقص و حرفه ای و دوست داشتنی👍🏻👌🏻❤️
خیلی عالی بود . ممنون از لطف شما. لطفا از این مباحث ویدیوی بیشتری بذارید
دقیقا دنبال همچین کانتنتی بودم نیما جان
ایولل
بفرست برای دوستا و همکارای برنامه نویست
عالی
عالی❤❤
❤️❤️
Very practical and useful
عالی بود ممنون
عالی
دمت گرم
❤❤❤❤
عالی بود نیما جان اگه زحمتی نیست نمونه کد هم مثال بزن و تست بگیر بخصوص برای بخش استریم خیلی نتونستم براش نمونه ای پیدا کنم ممنون از زحمتت ❤
سلام
حتما
البته نمونه کد نمیخواد app dir nextjs به صورت پیش فرض stream میکنه
خیلییی خوب بود. دمت گرم
فقط لطفا یه قسمت ۲ بذار توو کد هم این چند نوع رو عملی ببینیم. اگر این کار و کنی خیلی خوب میشه
اره حتماا
برای اینکه چه طوری SSR کنیم ویدیو میگیرم حتما
اینطوری که یه نکست جی اس بسازیم از صفر
@@nima_arf vow، thanks😍
تشکر .
❤️
عالی بود
نیما جان از دیدن ویدیوت خیلی لذت بردم.
اگه بتونی این مفاهیم رو کمی کد توی کد نویسی توضیح قدی خیلی عالی میشه
و همین طور اگه بتونی نحو کش کردن Https request ها توی next 13 رو توی یک ویدیو دیگه ضبط کنی عالی میشه.
سلامم
ایول که ویدیو رو دیدی و خوشت اومد 😍
ببین ویدیو هایی که کد بزنمم دارم تو کانال
ولی خب واقعا تو این ویدیو من چه کدی میزدم، این صرفا مدل اجراشدن کدی که نوشته رو توضیح میده
Awesome
👍👍
👍🏻
🔥🔥🔥
🔥👌
🤘😍
میشه یه فیلمم از nodeJs و نحوه کارش بذارین
اووو ایده جالبیه
حتما یه ویدیو واسش میرم
الان بیشتر میخوام برم دنبال virtual dom ریاکت
@@nima_arf اخه میگن nodejs همون جاوااسکریپت توی سی پلاس پلاس هست :)
در نتیجه فایل js تو همه حالت ها . یک حجم ثابت داره . چون هم event listener ها توش هستن و هم دیتای مقاله ها توشن
فقط توی ssr دیتای مقاله ها همراه html میاد ولی برای event listener ها باید بره دوباره js رو دانلود کنه . در واقع دیتای مقاله ها تو اون فایل js هم هستن و اینجا duplicate میشن و اضافی هستن
ولی توی csr اولش html خالیه . و میره فایل js رو میگیره و هم دیتای مقاله هارو داره هم event listener هارو داره . بخاطر همین تو csr پس hydaration نداریم
۱) بله سایز تو همشون یکیه (سرور کامپوننت ها بعد از انتشار این ویدیو اومدن و اونا رو حجم باندل تاثیری ندارن)
۲) دیتای مقاله تو فایل js نیست و duplicate نمیشه
۳) چون تو حالت csr اون html خالیه پس نیازی به hydration نداریم، درسته
@@nima_arf دیتای مقاله هم فقط تو فایل اچ تی ام ال هستش؟ و توی جی اس فقط ایونت لیسنر ها هستن؟ پس چتوری سایز های جی اس ها یکسانه؟
توی سرورساید باید سایز جی اس باید کمتر باشه پس
SSSR with partial hydration ro darim alan ?
How can we use it?
Ya by default nextjs intori hydrate mikone?
defaultesh chie va chetori miahe tagir dad?
سلام
این app dir که جدید اومده به صورت پیش فرض sssr هستش و هر layout/page میتونه suspense بشه و loading که مربوط بهش هست رو کلاینت رندر بشه تا زمانی که کامپوننت تو حالت suspended هستش کامپوننت های بالاییش stream میشن و loading این کامپوننت suspend شده رو صفحه رندر میشه تا زمانی که از حالت suspend دربیاد (اون پرامیس توش resolve بشه) و بعدش با مقدار رندر شده‌ش replace میشه توسط ریاکت
So by default app dir SSSR hast vali aya with partial hydration ham hast?
ya Chunk chunk paint mishe o akhar sar hydration etefag miofte?
manzoram default e app dir e
@@aliaskari1400 تا اونجایی که اطلاع دارم به صورت پیش فرض partial hydration هم داره
ببخشید الان توی csr تمام کد ها ارسال میشن سمت مرورگر و مرورگر اجرا میکنه و توی ssr کدها سمت سرور اجرا میشن و فایل اجرا شده میاد تو مرورگر و فقط نمایش داده میشه؟ درست فهمیدم؟
حالت CSR و درست گفتی
تو حالت SSR برای درخواست اول کدا رو سرور اجرا میشن، نتیجه‌ش برای مرورگر ارسال میشه، همزمان کدها برای مرورگر هم ارسال میشه که اپ حالت CSR رو داشته باشه و وقتی رو لینک و اینا کلیک میکنی اپ رفرش نشه و حالت SPA و داشته باشه
اگر میخوای کدا رو سرور بمونن و رو مرورگر فقط نتیجه‌شون بیاد و حالت SPA هم داشته باشی باید از Server Component ها استفاده کنی که ویدیوش تو کانال هستش 🔥
اهاااااا خیلی ممنون. ببخشید شما اکانت لینکداین ندارین؟@@nima_arf
بعد توی ssr دیگه نیازی به state لودینگ نداریم؟
برای لود اولیه هر صفحه نه لازم ندارید
ولی برای اکشن های هر صفحه، ممکنه لازمش داشته باشید
☹ nimba dore bzar
عالی
🔥🔥
👍👍
🔥🔥🔥
ویدیو SSR بدون next js رو هم پینشهاد میکنم ببینی
ruclips.net/video/jq0-w5_0aXI/видео.html
🔥🔥🔥
پاشو بیا باشگاه به جای اینکارا 🏋️♂️💪
ایشالا از بعد عید قوی شروع میکنم💪 @@nima_arf 😁