آموزش React بهینه سازی عملکرد برای عملکرد بالا React

React Performance Optimization For High Performance React

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: بیاموزید که سرعت و کارایی برنامه React خود را با تکنیک های اثبات شده برای کارایی بالا افزایش دهید. رندرهای هدر رفته را در برنامه های React با استفاده از تکنیک هایی مانند حافظه نویسی و shouldComponentUpdate شناسایی و رفع کنید. با استفاده از ابزارهایی مانند بسته وب و تقسیم کد، اندازه بسته را کاهش دهید و زمان بارگذاری صفحه را بهبود بخشید. عملیات گران‌قیمت را با استفاده از تکنیک‌هایی مانند حافظه‌گذاری و حافظه پنهان ذخیره کنید و عملکرد را در برنامه‌های پیچیده بهبود بخشید. با استفاده از تکنیک‌هایی مانند بارگذاری تنبل و تعلیق، مؤلفه‌ها را براساس تقاضا بارگیری کنید و برای بهبود تجربه کاربر، زمان بارگذاری اولیه را کاهش دهید. بهترین روش‌ها را برای بهینه‌سازی عملکرد در React اعمال کنید، از جمله استفاده از ابزار React Profiler و اندازه‌گیری و تحلیل عملکرد. روی پروژه آزمایشی آماده کار کنید تا آنچه را که آموخته‌اید به کار ببرید و مهارت‌های خود را در بهینه‌سازی عملکرد برای برنامه‌های React ایجاد کنید. پیش نیازها: دانش پایه در مهارت های برنامه نویسی React Basic در جاوا اسکریپت

نحوه تنظیم دقیق برنامه های React خود را از یک مهندس پیشین نتفلیکس بیاموزید.

آیا برنامه‌های React شما کندتر از آنچه می‌خواهید اجرا می‌شوند؟ آیا کاربران شما از زمان بارگذاری طولانی و عملکرد نامرتب ناامید می شوند؟ اگر چنین است، این دوره برای شما مناسب است!

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

در مرحله بعد، یاد خواهید گرفت که چگونه عملیات گران قیمت را با استفاده از تکنیک هایی مانند حافظه پنهان و حافظه پنهان ذخیره کنید، که می تواند عملکرد برنامه شما را تا حد زیادی بهبود بخشد. همچنین می‌آموزید که چگونه مؤلفه‌ها را برحسب تقاضا بارگیری کنید، که می‌تواند به کاهش زمان بارگیری اولیه برنامه شما و بهبود عملکرد کلی کمک کند.

در طول دوره، روی یک پروژه نمایشی جذاب کار خواهید کرد تا آنچه را که آموخته‌اید به کار ببرید و مهارت‌های خود را تقویت کنید. همچنین برای پاسخ به سؤالات و ارائه بازخورد در مورد کارتان، به من دسترسی خواهید داشت.

در پایان دوره، دانش و مهارت‌های لازم برای بهینه‌سازی عملکرد برنامه‌های React خود و ارائه تجربه سریع‌تر و روان‌تر برای کاربران خود را خواهید داشت.

اکنون ثبت نام کنید و اولین قدم را برای تبدیل شدن به یک متخصص بهینه سازی عملکرد در React بردارید!


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

بررسی اجمالی دوره Course Overview

  • معرفی Introduction

شروع شدن Getting Started

  • معرفی Introduction

  • الزامات دوره Course requirements

  • پروژه دمو The demo project

  • راه اندازی و اجرا با کدهای نمایشی Getting up and running with the demo codes

  • معرفی React Profiler Introduction to the React Profiler

رفع مشکلات رندرینگ Fixing Rendering Issues

  • مقدمه ای بر React Rendering Introduction to React Rendering

  • DOM مجازی The Virtual DOM

  • جلوگیری از رندرهای هدر رفته در یک کامپوننت ساده Preventing Wasted Renders in a Simple Component

  • جلوگیری از هدر رفتن رندرها در اجزای عملکردی Preventing Wasted Renders in Functional Components

  • جلوگیری از هدر رفتن رندر هنگام برخورد با لوازم پیچیده Preventing Wasted Renders When Dealing With Complex Props

  • استفاده از داده های تغییرناپذیر به منظور امکان مقایسه Using Immutable Data in Order to Allow for Comparisons

  • جلوگیری از رندرهای هدر رفته در کامپوننت های مکرر Preventing Wasted Renders in Repeated Components

رفع مشکلات بسته های بزرگ و عملیات گران قیمت Fixing Large Bundles and Expensive Operations issues

  • گرفتن عملیات گران قیمت Catching Expensive Operations

  • کاهش اندازه باندل Reducing Bundle Sizes

  • کامپوننت های بارگذاری تنبل Lazy Loading Components

خلاصه دوره Course Recap

  • خلاصه دوره Course Recap

نمایش نظرات

آموزش React بهینه سازی عملکرد برای عملکرد بالا React
جزییات دوره
1.5 hours
17
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3,056
4.4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

CodeLicks Academy CodeLicks Academy

آکادمی CodeLicks