https://3rabica.org/index.php?action=history&feed=atom&title=%D8%B3%D9%88%D9%84%D8%AF_%D8%AC%D9%8A_%D8%A5%D8%B3 2026-06-10T10:23:48Z تاريخ التعديل لهذه الصفحة في الويكي MediaWiki 1.43.7 https://3rabica.org/index.php?title=%D8%B3%D9%88%D9%84%D8%AF_%D8%AC%D9%8A_%D8%A5%D8%B3&diff=3456876&oldid=prev 2022-11-11T05:15:25Z

<p><span class="autocomment">المراجع</span></p> <p><b>صفحة جديدة</b></p><div>{{يتيمة|تاريخ=سبتمبر 2022}}<br /> {{بطاقة برمجية<br /> | qid = Q114159171<br /> | اسم = سولد جي إس<br /> }}<br /> &#039;&#039;&#039;سولد جي إس&#039;&#039;&#039; {{إنج|SolidJS}} هي مكتبة جافاسكربت مفتوحة المصدر تستخدم لتطوير واجهات المستخدم التفاعلية على مواقع الويب تركز على البساطة والأداء.<br /> <br /> تستخدم سولد طريقة كتابة مقاربة لمكتبة [[رياكت]]، ويسهل ذلك على المبرمجين الذين استعملوا رياكت سابقًا التأقلم مع المكتبة.<br /> <br /> == نظرة عامة ==<br /> تكمل فكرة سولد جي اس في تمكين المطورين من كتابة عناصر تركيبية (composable pieces) صغيرة تُدعى مكونات، والتي يمكن إعادة استخدامها مرارًا وتكرارًا في واجهة المستخدم بشكل بسيط وسهل.<br /> <br /> تقدم سولد تجربة تطوير تركز على ٤ نقاط أساسية:&lt;ref&gt;{{استشهاد ويب<br /> | مسار = https://www.solidjs.com/<br /> | عنوان = SolidJS<br /> | موقع = www.solidjs.com<br /> | تاريخ الوصول = 2022-09-24<br /> | مسار أرشيف = https://web.archive.org/web/20220906224048/https://www.solidjs.com/ | تاريخ أرشيف = 6 سبتمبر 2022 }}&lt;/ref&gt;<br /> <br /> # أداء عالي.<br /> # استغلال تعابير JSX بشكل كبير.<br /> # بيئة تطوير عملية وسهلة.<br /> # تعزيز الإنتاجية.<br /> <br /> تعتمد سولد مبدأ التفاعلية، من خلال نمط Observer، عكس [[رياكت]] التي تعتمد على مبدأ إعادة التصير و VDOM، ما يعطيها الأفضلية في الإداء عكس باقي مكتبات جافاسكربت التي تعتمد على نمط VDOM.<br /> <br /> وتوفر سولد العديد من الفاهيم الحديثة في تطوير [[واجهة المستخدم|واجهات المستخدم]] مثل Suspense و SSR &amp; Hydration و Lazy Components.<br /> <br /> == مثال ==<br /> مثال على [[برنامج أهلا بالعالم|تطبيق أهلًا بالعالم]]، عبر سولد:{{Syntaxhighlight|lang=js|code=import { render } from &quot;solid-js/web&quot;;<br /> <br /> function HelloWorld() {<br /> <br /> return (<br /> &lt;h1&gt;Hello World&lt;/h1&gt;<br /> );<br /> }<br /> <br /> render(() =&gt; &lt;HelloWorld /&gt;, document.getElementById(&quot;app&quot;)!);}}<br /> <br /> == قراءة متعمقة ==<br /> <br /> * [https://www.oreilly.com/library/view/learning-javascript-design/9781449334840/ch09s05.html نمط Observer]، من كتاب: تعلم أنماط جافاسكربت للمؤلف Addy Osmani.<br /> <br /> == المراجع ==<br /> {{مراجع}}<br /> <br /> {{شريط بوابات|علم الحاسوب}}<br /> <br /> {{بذرة برمجيات حاسوب}}<br /> <br /> <br /> [[تصنيف:مكتبات جافا سكريبت]]<br /> [[تصنيف:إطارات عمل جافا سكريبت]]</div>

عبد العزيز