مقالات تخصصي طراحي اپ موبايل مرجع رسمي مقالات طراحي اپليكيشن
|
React قادر است نمايد باشد. اين بهاين معناست كه اپليكيشنهاي React اي كه طراحي اپليكيشن وسعت متوسطي داراهستند مي توانند نمايد به حيث برسند. البته پيش از اينكه دنبال چاره ديگري بگرديد، بايستي بدانيد كه هر نرمافزار Ember يا اين كه Angular با وسعت ميانگين نيز نمايد ميباشد.
اندازهگيري سعي React مراد اينجانب از "نمايد" چيست؟ بياييد به يك نمونه بپردازيم: ما روي يك پروژه اپن سورس به اسم admin-on-rest فعاليت ميكنيم، كه در آن material-ui و Redux را جهت ارائه رابط كاربري گرافيكي (GUI) ادمين براي هر REST APIاي به شغل مي بريم. اين نرمافزار دارنده يك شيت datagrid ميباشد كه ليستي از ركوردها را در يك جدول اكران ميدهد. زماني استفاده كننده تروتميزسازي را تغيير و تحول ميدهد، يا اين كه به كاغذ آتي ميرود، يا اين كه نتيجه ها را غربال مينمايد، رابط كاربري آن طوري كه ما انتظار داريم پاسخگو وجود ندارد. تصوير تحت رفرش آرام اين سعي را علامت ميدهد:
براي ديدن آنچه حادثه ميفتد ما react_perf؟ را به URL اضافه كردهايم. اين دستور بعداز React 15.4، Component Profiling را فعال مينمايد. ما منتظريم datagrid اول بارگذاري خواهد شد. بعد از آن Chrome Developer Tools را روي تب Timeline گشوده مي كنيم. دكمه " Recor" را مي زنيم و روي هدر جدول كليك مي كنيم تا تر و تميزسازي آپ تو ديت خواهد شد. زماني كه دادهها رفرش ميگردند، ما دكمه " Record" را مجدد فشار ميدهيم تا تصويب آن متوقف خواهد شد، و كروم يك نمودار خطي زردرنگ را با برچسب " User Timing" آرم مي دهد.
در صورتيكه شما هيچوقت اين نمودار زردرنگ را نديده باشيد، ممكن ميباشد برايتان ترسناك باشد، ولي به كار گيري از آن حقيقتا راحت ميباشد. نمودار " User Timing" فرصت سپري گرديده براي هر كامپوننت شمارا علامت مي دهد. اين نمودار فرصت صرف گرديده در قسمتهاي داخلي React را نهفته ميسازد (در هر شكل شما نميتوانيد اين مجال را با صرفهسازي نمائيد)، به گونه اي كه به شما اذن ميدهد روي باصرفهسازي اپ خويش تمركز فرمائيد.
امتیاز:
بازدید:
|
|
[قالب وبلاگ : سایت آریا] [Weblog Themes By : sitearia.ir] |