لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش 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?
لینکدین: شبکه اجتماعی حرفهای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکههای اجتماعی حرفهای، به میلیونها افراد در سراسر جهان این امکان را میدهد تا ارتباط برقرار کنند، اطلاعات حرفهای خود را به اشتراک بگذارند و فرصتهای شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان میدهد تا رزومه حرفهای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمنها و گروههای حرفهای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهرهمند شوند.
لینکدین همچنین به کارفرمایان امکان میدهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفهای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصتهای شغلی و گسترش شبکه حرفهای خود، نقش مهمی را ایفا میکند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفهای در دنیای امروز مورد توجه قرار دارد.
مدیر اجرایی با بیش از 20 سال تجربه در برنامه نویسی و طراحی
امانوئل هنری یک توسعه دهنده فول استک با 20 سال تجربه در برنامه نویسی، فناوری و طراحی است.
> امانوئل مسئول تمام جنبه های پروژه های وب و تلفن همراه مبتنی بر مشتری، از جمله جدول زمانی و محدوده بوده است. این پروژهها از ابزارهای JIRA/Atlassian، متدولوژیهای چابک، و زبانها و چارچوبهایی مانند React، Angular، Node، Meteor، GraphQL، JavaScript، Swift، HTML، CSS (Sass)، MongoDB و MySQL استفاده کردهاند. او همچنین در دنیای بازی های سه بعدی با استفاده از ابزارهایی مانند Unreal، ZBrush، Maya و چندین ابزار دیگر کار می کند. او علاقه زیادی به ایجاد برنامهها و بازیهایی دارد که از جدیدترین فناوریها در ابزارها، چارچوبها و زبانهای فوق استفاده میکنند.
نمایش نظرات