مدل های رندرینگ در ریاکت: تفاوت SSR با CSR و SSG

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024

Комментарии • 45

  • @abba3261
    @abba3261 9 месяцев назад +1

    ☹ nimba dore bzar

  • @sajadtayefi5949
    @sajadtayefi5949 9 месяцев назад +1

    عالی بود نیما جان اگه زحمتی نیست نمونه کد هم مثال بزن و تست بگیر بخصوص برای بخش استریم خیلی نتونستم براش نمونه ای پیدا کنم ممنون از زحمتت ❤

    • @nima_arf
      @nima_arf  9 месяцев назад +1

      سلام
      حتما
      البته نمونه کد نمیخواد app dir nextjs به صورت پیش فرض stream میکنه

  • @HosseinKamari-j2d
    @HosseinKamari-j2d 8 месяцев назад

    عالی بود ممنون

  • @moeinmnia
    @moeinmnia 7 месяцев назад

    عالی بود

  • @sadeghakbari7116
    @sadeghakbari7116 9 месяцев назад

    عالی

  • @aminda6862
    @aminda6862 9 месяцев назад

    عالی

  • @sadeghakbari7116
    @sadeghakbari7116 9 месяцев назад

    👍👍

  • @hsnmoghadasi7918
    @hsnmoghadasi7918 3 месяца назад

    نیما جان از دیدن ویدیوت خیلی لذت بردم.
    اگه بتونی این مفاهیم رو کمی کد توی کد نویسی توضیح قدی خیلی عالی میشه
    و همین طور اگه بتونی نحو کش کردن Https request ها توی next 13 رو توی یک ویدیو دیگه ضبط کنی عالی میشه.

    • @nima_arf
      @nima_arf  3 месяца назад

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

  • @hosinhatami7271
    @hosinhatami7271 2 месяца назад

    بعد توی ssr دیگه نیازی به state لودینگ نداریم؟

    • @nima_arf
      @nima_arf  2 месяца назад

      برای لود اولیه هر صفحه نه لازم ندارید
      ولی برای اکشن های هر صفحه، ممکنه لازمش داشته باشید

  • @maxtsh
    @maxtsh 9 месяцев назад

    Awesome

  • @alidarabian2240
    @alidarabian2240 3 месяца назад

    تشکر .

  • @MSEIN2303
    @MSEIN2303 7 месяцев назад

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

    • @nima_arf
      @nima_arf  7 месяцев назад +1

      حالت CSR و درست گفتی
      تو حالت SSR برای درخواست اول کدا رو سرور اجرا میشن، نتیجه‌ش برای مرورگر ارسال میشه، همزمان کدها برای مرورگر هم ارسال میشه که اپ حالت CSR رو داشته باشه و وقتی رو لینک و اینا کلیک میکنی اپ رفرش نشه و حالت SPA و داشته باشه
      اگر میخوای کدا رو سرور بمونن و رو مرورگر فقط نتیجه‌شون بیاد و حالت SPA هم داشته باشی باید از Server Component ها استفاده کنی که ویدیوش تو کانال هستش 🔥

    • @MSEIN2303
      @MSEIN2303 7 месяцев назад

      اهاااااا خیلی ممنون. ببخشید شما اکانت لینکداین ندارین؟@@nima_arf

  • @MSEIN2303
    @MSEIN2303 7 месяцев назад

    میشه یه فیلمم از nodeJs و نحوه کارش بذارین

    • @nima_arf
      @nima_arf  7 месяцев назад

      اووو ایده جالبیه
      حتما یه ویدیو واسش میرم
      الان بیشتر میخوام برم دنبال virtual dom ری‌اکت

    • @MSEIN2303
      @MSEIN2303 7 месяцев назад

      @@nima_arf اخه میگن nodejs همون جاوااسکریپت توی سی پلاس پلاس هست :)

  • @farazmehraien3913
    @farazmehraien3913 9 месяцев назад

    خیلییی خوب بود. دمت گرم
    فقط لطفا یه قسمت ۲ بذار توو کد هم این چند نوع رو عملی ببینیم. اگر این کار و کنی خیلی خوب میشه

    • @nima_arf
      @nima_arf  9 месяцев назад

      اره حتماا
      برای اینکه چه طوری SSR کنیم ویدیو میگیرم حتما
      اینطوری که یه نکست جی اس بسازیم از صفر

    • @farazmehraien3913
      @farazmehraien3913 9 месяцев назад

      @@nima_arf vow، thanks😍

  • @aliaskari1400
    @aliaskari1400 9 месяцев назад

    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?

    • @nima_arf
      @nima_arf  9 месяцев назад +1

      سلام
      این app dir که جدید اومده به صورت پیش فرض sssr هستش و هر layout/page میتونه suspense بشه و loading که مربوط بهش هست رو کلاینت رندر بشه تا زمانی که کامپوننت تو حالت suspended هستش کامپوننت های بالاییش stream میشن و loading این کامپوننت suspend شده رو صفحه رندر میشه تا زمانی که از حالت suspend دربیاد (اون پرامیس توش resolve بشه) و بعدش با مقدار رندر شده‌ش replace میشه توسط ری‌اکت

    • @aliaskari1400
      @aliaskari1400 9 месяцев назад

      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

    • @nima_arf
      @nima_arf  9 месяцев назад

      @@aliaskari1400 تا اونجایی که اطلاع دارم به صورت پیش فرض partial hydration هم داره

  • @EhsanKey
    @EhsanKey 6 месяцев назад

    🔥👌

  • @MSEIN2303
    @MSEIN2303 7 месяцев назад

    خیلی عالی بود . ممنون از لطف شما. لطفا از این مباحث ویدیوی بیشتری بذارید

  • @zabiharab5183
    @zabiharab5183 6 месяцев назад

    🔥🔥🔥

    • @nima_arf
      @nima_arf  6 месяцев назад

      پاشو بیا باشگاه به جای اینکارا 🏋️‍♂️💪

    • @zabiharab5183
      @zabiharab5183 6 месяцев назад

      ایشالا از بعد عید قوی شروع میکنم💪 @@nima_arf 😁

  • @farnoodlotfali4912
    @farnoodlotfali4912 8 месяцев назад

    👍👍

    • @nima_arf
      @nima_arf  8 месяцев назад

      🔥🔥🔥

    • @nima_arf
      @nima_arf  8 месяцев назад

      ویدیو SSR بدون next js رو هم پینشهاد میکنم ببینی
      ruclips.net/video/jq0-w5_0aXI/видео.html

  • @alitajangi6762
    @alitajangi6762 9 месяцев назад

    دقیقا دنبال همچین کانتنتی بودم نیما جان

    • @nima_arf
      @nima_arf  9 месяцев назад

      ایولل
      بفرست برای دوستا و همکارای برنامه نویست

  • @babakkhosravi8489
    @babakkhosravi8489 9 месяцев назад

    یه دونه ای و بی نقص و حرفه ای و دوست داشتنی👍🏻👌🏻❤️

  • @alimajlessi5152
    @alimajlessi5152 9 месяцев назад

    Very practical and useful

  • @sadeghkarimi401
    @sadeghkarimi401 9 месяцев назад

    عالی
    دمت گرم
    ❤❤❤❤

  • @aliaskari1400
    @aliaskari1400 9 месяцев назад

    👍🏻

  • @ghazaleniazi5855
    @ghazaleniazi5855 9 месяцев назад

    🔥🔥🔥

  • @sheyda_arf
    @sheyda_arf 9 месяцев назад

    🔥🔥