آموزش React: رندر سمت سرور

React: Server-Side Rendering

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

سرفصل ها و درس ها

مقدمه Introduction

  • رندر سمت سرور را با React بیاموزید Learn server-side rendering with React

  • آنچه شما باید بدانید What you should know

1. راه اندازی 1. Setting Up

  • SSR: چه ، چگونه و چرا SSR: What, how, and why

  • ابزارهای Chrome و Firefox Chrome and Firefox tools

  • کتابخانه ها و ابزارهای مورد نیاز را نصب کنید Install the required libraries and tools

  • چالش: چرا از SSR استفاده می کنید؟ Challenge: Why would you use SSR?

  • راه حل: چرا از SSR استفاده می کنید؟ Solution: Why would you use SSR?

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

  • معرفی Next.js با React Introducing Next.js with React

  • م componentsلفه های اولیه را از الگو اضافه کنید Add initial components from template

  • داده را برای وسایل اضافه کنید Add data for props

  • فروشگاه Redux را اضافه کنید و راه اندازی کنید Add Redux store and setup

  • اقدامات Redux را اضافه کنید Add Redux actions

  • گیرنده های Redux را اضافه کنید Add Redux reducers

  • چالش: چرا از Redux برای SSR استفاده کنید؟ Challenge: Why use Redux for SSR?

  • راه حل: چرا از Redux برای SSR استفاده کنید؟ Solution: Why use Redux for SSR?

3. رندر سمت سرور با Node 3. Server-Side Rendering with Node

  • سرور Express یا Next.js اولیه ایجاد کنید Create initial Express or Next.js server

  • مسیرهای Express را اضافه کنید Add the Express routes

  • پیوندها و صفحات را با Express یا Next.js اضافه کنید Add links and pages with Express or Next.js

  • چالش: چرا از Node یا Express برای SSR استفاده می کنیم؟ Challenge: Why use Node or Express for SSR?

  • راه حل: چرا از Node یا Express برای SSR استفاده می کنیم؟ Solution: Why use Node or Express for SSR?

4. تقسیم کد 4. Code Splitting

  • تقسیم کد در Next.js Code splitting in Next.js

  • سایر ابزارهای موجود برای تقسیم کد Other tools available for code splitting

  • چالش: هدف از تقسیم کد چیست؟ Challenge: What is the purpose of code splitting?

  • راه حل: هدف از تقسیم کد چیست؟ Solution: What is the purpose of code splitting?

نتیجه Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.

لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.

آموزش React: رندر سمت سرور
جزییات دوره
1h 13m
25
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
81
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Emmanuel Henri Emmanuel Henri

مدیر اجرایی با بیش از 20 سال تجربه در برنامه نویسی و طراحی

امانوئل هنری یک توسعه دهنده فول استک با 20 سال تجربه در برنامه نویسی، فناوری و طراحی است.

> امانوئل مسئول تمام جنبه های پروژه های وب و تلفن همراه مبتنی بر مشتری، از جمله جدول زمانی و محدوده بوده است. این پروژه‌ها از ابزارهای JIRA/Atlassian، متدولوژی‌های چابک، و زبان‌ها و چارچوب‌هایی مانند React، Angular، Node، Meteor، GraphQL، JavaScript، Swift، HTML، CSS (Sass)، MongoDB و MySQL استفاده کرده‌اند. او همچنین در دنیای بازی های سه بعدی با استفاده از ابزارهایی مانند Unreal، ZBrush، Maya و چندین ابزار دیگر کار می کند. او علاقه زیادی به ایجاد برنامه‌ها و بازی‌هایی دارد که از جدیدترین فناوری‌ها در ابزارها، چارچوب‌ها و زبان‌های فوق استفاده می‌کنند.

برای اطلاعات بیشتر، به mannyhenri.com.