RENDER Meaning in English - translations and usage examples

• render

Examples of using Render in Arabic and their translations into English

تحقق من التابع render للمكوّن Game
Check the render method of“Game”.

القدرة على إرجاع عناصر متعددة من render(
Ability to return multiple elements from render().

Render داخل مكون تابع لتقديم بعض المحتوى
Render inside a child component to render some content.

إضافة تابع فارغ وحيد لهذا الصنف اسمه render()
Add a single empty method to it called render().

حدد كل مكون يقوم بتصيير(render) شئ ما بناء على هذه الحالة
Identify every component that renders something based on that state.

تبديل props إلى this. props في جسم التّابع render()
Replace props with this. props in the render() body.

إنّ الحفاظ على التابع render() نقيًّا يزيد سهولة التفكير بمكوّناتك
Keeping render() pure makes components easier to think about.

Elementary 5x03♪ Render, and Then Seize Her ترجمة: أحمد عصمت
Elementary 5x03 ♪ Render, and Then Seize Her Original Air Date on Oct.

عند هذه النقطة يحتاج المكوّن Board فقط إلى التابعين render و renderSquare
At this point, the Board component only needs the renderSquare and render methods.

Render blocking يمكن أن يؤدي CSS إلى إبطاء عرض صفحة الويب بشكل صحيح
Render blocking CSS can slow down the web page from being rendered properly.

سنستدعي التابع calculateWinner(squares)‎ في تابع التصيير render للمكوّن Board للتحقّق من فوز اللاعب
We will call calculateWinner(squares) in the Board's render function to check if a player has won.

Render 360- اضبط الإعدادات الخاصة بتقديم 360 صورة بانورامية كروية. انقر فوق render360
Render 360- Set the settings for rendering 360 spherical panoramas. Click render360.

ويمكنك أيضا الوصول إلى دعم سطح التحكم الخارجي، وتحرير ملف HEVC، و ProRes الأصلي و Smart Render
And you can also access external control surface support, HEVC file editing, native ProRes and Smart Render.

Bind في التابع render إلى إنشاء دالة جديدة في كل مرّة يُصيَّر فيها المكوّن، ممّا قد يؤثر على الأداء(للمزيد تابع في الأسفل
Bind in render creates a new function each time the component renders, which may have performance implications(see below).

يجب عليك أن تحاول تجنّب استخدام التابع forceUpdate()‎ وأن تقرأ القيم فقط من this. props و this. state في التابع render()
Normally you should try to avoid all uses of forceUpdate() and only read from this. props and this. state in render().

كيفية معرفة معرف العميل المكون لـ ajax update/ render؟ لا يمكن العثور على المكون مع التعبير"foo" المشار إليه من"شريط
How to find out client ID of component for ajax update/render? Cannot find component with expression“foo” referenced from“bar”.

وبهذا القدر البسيط من المعرفة التي امتلكناها لحد الآن, فإن الطريقة الوحيدة لتحديث واجهة المستخدم تتم من خلال إنشاء عنصر جديد, ومن ثم تمريره إلى ReactDOM. render(
With our knowledge so far, the only way to update the UI is to create a new element, and pass it to ReactDOM. render().

ولنكون واضحين تعني إعادة التصيير في هذا السياق استدعاء التابع render لكل المُكوّنات، وليس فصل ووصل هذه المُكوِّنات من البداية
Just to be clear, rerender in this context means calling render for all components, it doesn't mean React will unmount and remount them.

كيفية استخدام React Profiler Component لقياس أداء Render- مقال Adam Henson الذي يوضح كيفية استخدام <React. Profiler/>
How to Use the React Profiler Component to Measure Render Performance- Adam Henson's article exemplifying a use case for <React. Profiler/.

إن حاولت استدعاء هذا التابع على مكوّن غير موصول بعد(مثل استدعاء findDOMNode في التابع render في مكوّن لم يُنشَأ بعد) فسيُرمى استثناء
If you try to call this on a component that has not been mounted yet(like calling findDOMNode() in render() on a component that has yet to be created) an exception will be thrown.

فلنتذكر مثال الساعة من قسم تصيير العناصر، تعلّمنا في ذلك القسم فقط طريقة واحدة لتحديث واجهة المستخدم عن طريق استدعاء التابع ReactDOM. render() لتغيير الناتج
Consider the ticking clock example from one of the previous sections. In Rendering Elements, we have only learned one way to update the UI. We call ReactDOM. render() to change the rendered output.

يوجد العديد من اخلدمات out there that will run mul­tiple browser tests and send you back images to veri­fy that your page will render cor­rectly in the huge range of web browsers out there
There are many ser­vices out there that will run mul­tiple browser tests and send you back images to verify that your page will render cor­rectly in the huge range of web browsers out there.

التعديلات، والاشتراكات، والمؤقتات، والسجلات، والتسجيل(logging)، والتأثيرات الجانبية الأخرى غير مسموحٍ بها داخل الجسم الرئيسي لمكون دالة(يشار إليه على أنَّه مرحلة تصيير React[أي render phase]
Mutations, subscriptions, timers, logging, and other side effects are not allowed inside the main body of a function component(referred to as React's render phase).

سنُنشِئ الآن واجهة عرض Backbone تُدعى ParagraphView والتي ستتجاوز دالة التصيير render()‎ في Backbone لتصيير المكوّن ‎<Paragraph> في React إلى عنصر DOM المُعطى من خلال Backbone(وهوthis. el
We will create a Backbone view called ParagraphView. It will override Backbone's render() function to render a React <Paragraph> component into the DOM element provided by Backbone(this. el).

PureComponent إن أنشأت الدالة بداخل التابع render، وذلك لأنّ المقارنة بين الخاصيّات ستعيد دومًا false للخاصيّات الجديدة، وسيُولِّد كل تابع render في هذه الحالة قيمة جديدة للخاصيّة render
PureComponent if you create the function inside a render method. This is because the shallow prop comparison will always return false for new props, and each render in this case will generate a new value for the render prop.

من المهم في المثال السابق قراءة الخاصيّة scrollHeight في getSnapshotBeforeUpdate لأنّه قد توجد تأخيرات بين توابع طور التصيير(مثل التابع render) وتوابع طور التطبيق(مثل getSnapshotBeforeUpdate و componentDidUpdate
In the above examples, it is important to read the scrollHeight property in getSnapshotBeforeUpdate because there may be delays between“render” phase lifecycles(like render) and“commit” phase lifecycles(like getSnapshotBeforeUpdate and componentDidUpdate).

أول شيئ سنبدأ به, اننا سوف ننشئ هنا متغير اسمه Render Engine Class وتقوم بتعريف متغير عن طريق بدأه بالكلمة var, وبعدها اسم المتغير, وبعدها تقول يساوى, أياً كان ما تريد ان يساويه
First thing we start off with is, we create a variable here called Render Engine Class and you define a variable by starting with the keyword var, and then the variable name, and then you say equals, whatever you would like it to be equal to.

يتم تمرير خصائص(عادةً، props) إلى مكون من المكون الأساسي. تتلقى المكونات props كـ مجموعة واحدة من القيم غير القابلة للتغيير(كائن JavaScript). كلما تغيرت أي قيمة دعامية، تسمى render function السماح للمكون بعرض التغيير
Properties(commonly, props) are passed to a component from the parent component. Components receive props as a single set of immutable values[12](a JavaScript object). Whenever any prop value changes, the component's render function is called allowing the component to display the change.

فئة Greeter هو مكون React الذي يقبل خاصية الترحيب. يقوم أسلوب ReactDOM. render بإنشاء مثيل لمكون Greeter، ويقوم بتعيين خاصية الترحيب إلى'Hello World' ويقوم بإدراج المكون الذي تم تحويله كعنصر فرعي إلى عنصر DOM مع id myActeactApp
The Greeter class is a React component that accepts a property greeting. The ReactDOM. render method creates an instance of the Greeter component, sets the greeting property to'Hello World' and inserts the rendered component as a child element to the DOM element with id myReactApp.

سيُستدعى التّابع render()‎ في كل مرّة يحصل فيها تحديث، ولكن طالما أنّنا نُصيِّر(Render) العنصر <Clock/> إلى نفس عقدة DOM، فستُستخدَم نسخة واحدة فقط من الصنف Clock يسمح لنا هذا باستخدام ميزات إضافية مثل الحالة المحليّة ودورة حياة المُكوِّنات
The render method will be called each time an update happens, but as long as we render <Clock /> into the same DOM node, only a single instance of the Clock class will be used. This lets us use additional features such as local state and lifecycle methods.