لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش 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
نمایش نظرات