دوره آموزشی رندر سمت سرور در React

جزئیات دوره

ارائه در سمت سرور به شما امکان می‌دهد بسته به شرایط شبکه و دستگاه، برنامه‌های خود را برای استفاده از منابع سرویس گیرنده یا سرور بهینه کنید. دستگاه قدیمی در شبکه کند؟ رندر در سرور دستگاه جدید، شبکه سریع؟ احتمالاً باید اجازه دهید مشتری کار را انجام دهد. برخی معماری حاصل را `جهانی` و برخی دیگر را `غیرهم شکل` می‌نامند، اما نتایج صاف است. درباره اجرای رندر سمت سرور یا SSR در پروژه‌های React خود بیاموزید. مربی Emmanuel Henri نحوه راه اندازی پروژه SSR با React و Next.js، افزودن فروشگاه متمرکز با Redux و پیکربندی مسیرهای سفارشی با Express و Next.js را نشان می‌دهد. او دوره را با بحث تقسیم کد، که می‌تواند عملکرد برنامه را بهبود بخشد، خاتمه می‌دهد.

سرفصل ها

0. مقدمه

01 - رندر سمت سرور را با React یاد بگیرید
02 - آنچه باید بدانید

1. راه اندازی

03 - SSR چگونه و چرا
04 - ابزارهای کروم و فایرفاکس
05 - کتابخانه ها و ابزارهای مورد نیاز را نصب کنید
06 - چالش چرا از SSR استفاده می کنید؟
07 - راه حل چرا از SSR استفاده می کنید؟

2. از Next.js برای ساخت SSR استفاده کنید

08 - معرفی Next.js با React
09 - اجزای اولیه را از قالب اضافه کنید
10 - داده ها را برای props اضافه کنید
11 - فروشگاه و راه اندازی Redux را اضافه کنید
12 - اعمال Redux را اضافه کنید
13 - کاهش دهنده های Redux را اضافه کنید
14 - چالش چرا از Redux برای SSR استفاده کنید
15 - راه حل چرا از Redux برای SSR استفاده کنید

3. رندر سمت سرور با Node

16 - سرور اولیه Express یا Next.js را ایجاد کنید
17 - مسیرهای اکسپرس را اضافه کنید
18 - پیوندها و صفحات را با Express یا Next.js اضافه کنید
19 - چالش چرا از Node یا Express برای SSR استفاده کنیم
20 - راه حل چرا از Node یا Express برای SSR استفاده کنیم

4. تقسیم کد

21 - تقسیم کد در Next.js
22 - سایر ابزارهای موجود برای تقسیم کد
23 - چالش هدف از تقسیم کد چیست
24 - راه حل هدف از تقسیم کد چیست؟

نتیجه

25 - مراحل بعدی

دوره آموزشی رندر سمت سرور در React

مدرسین

Emmanuel Henri