الفرق بين المراجعتين لصفحة: «React/MegaMenu»

من موسوعة حسوب
التعديل اللاحق ←
جميل-بيلوني أنشأ الصفحة React/MegaMenu باستخدام موديل محتوى غير قياسي "JSON"
 
إضافة محتوى قائمة MegaMenu
سطر 1: سطر 1:
{}
[
    {
        "columns": [
            {
                "control": {
                    "type": "bullets",
                    "config": {
                        "text": "البدء مع React",
                        "url": "#",
                        "items": [
                            {
                                "text": "تجربة React",
                                "url": "/React/try_react"
                            },
                            {
                                "text": "إضافة React إلى تطبيق جديد",
                                "url": "/React/add_react_to_a_new_app"
                            },
                            {
                                "text": "إضافة React إلى تطبيق موجود",
                                "url": "/React/add_react_to_an_existing_app"
                            },
                            {
                                "text": "روابط شبكة توزيع المحتوى",
                                "url": "/React/cdn_links"
                            },
                            {
                                "text": "الدليل التطبيقي",
                                "url": "/React/tutorial"
                            }
                        ]
                    }
                }
            },
            {
                "control": {
                    "type": "bullets",
                    "config": {
                        "text": "المفاهيم الأساسية",
                        "url": "/React#.D8.A7.D9.84.D9.85.D9.81.D8.A7.D9.87.D9.8A.D9.85_.D8.A7.D9.84.D8.A3.D8.B3.D8.A7.D8.B3.D9.8A.D8.A9",
                        "items": [
                            {
                                "text": "مثال أهلًا بالعالم",
                                "url": "/React/hello_world"
                            },
                            {
                                "text": "مقدمة إلى JSX",
                                "url": "/React/introducing_jsx"
                            },
                            {
                                "text": "تصيير العناصر",
                                "url": "/React/rendering_elements"
                            },
                            {
                                "text": "المكونات والخاصيات",
                                "url": "/React/components_and_props"
                            },
                            {
                                "text": "حالة ودورة حياة المكونات",
                                "url": "/React/state_and_lifecycle"
                            },
                            {
                                "text": "معالجة الأحداث",
                                "url": "/React/handling_events"
                            },
                            {
                                "text": "التصيير الشرطي",
                                "url": "/React/conditional_rendering"
                            },
                            {
                                "text": "القوائم والمفاتيح",
                                "url": "/React/lists_and_keys"
                            },
                            {
                                "text": "الفرق بين التركيب والوراثة",
                                "url": "/React/composition_vs_inheritance"
                            },
                            {
                                "text": "أسلوب التفكير في React",
                                "url": "/React/thinking_in_react"
                            }
                        ]
                    }
                }
            },
            {
                "control": {
                    "type": "bullets",
                    "config": {
                        "text": "الدليل المتقدم",
                        "url": "/React#.D8.A7.D9.84.D8.AF.D9.84.D9.8A.D9.84_.D8.A7.D9.84.D9.85.D8.AA.D9.82.D8.AF.D9.85",
                        "items": [
                            {
                                "text": "شرح JSX بالتفصيل",
                                "url": "/React/jsx_in_depth"
                            },
                            {
                                "text": "التحقق من الأنواع الثابتة",
                                "url": "/React/static_type_checking"
                            },
                            {
                                "text": "استخدام المراجع مع DOM",
                                "url": "/React/refs_and_the_dom"
                            },
                            {
                                "text": "تحسين الأداء",
                                "url": "/React/optimizing_performance"
                            },
                            {
                                "text": "React بدون ES6",
                                "url": "/React/react_without_es6"
                            },
                            {
                                "text": "حدوث الأخطاء",
                                "url": "/React/error_boundaries"
                            },
                            {
                                "text": "مكونات الويب",
                                "url": "/React/web_components"
                            },
                            {
                                "text": "سهولة الوصول",
                                "url": "/React/accessibility"
                            },
                            {
                                "text": "تقسيم الشيفرة",
                                "url": "/React/code_splitting"
                            },
                            {
                                "text": "الوضع الصارم",
                                "url": "/React/strict_mode"
                            }
                        ]
                    }
                }
            },
            {
                "control": {
                    "type": "bullets",
                    "config": {
                        "text": "مرجع إلى الواجهة البرمجية",
                        "url": "#",
                        "items": [
                            {
                                "text": "الواجهة ذات المستوى الأعلى",
                                "url": "/React/react_api"
                            },
                            {
                                "text": "الصنف React.Component",
                                "url": "/React/react_component"
                            },
                            {
                                "text": "الكائن ReactDOM",
                                "url": "/React/react_dom"
                            },
                            {
                                "text": "الكائن ReactDOMServer",
                                "url": "/React/react_dom_server"
                            },
                            {
                                "text": "عناصر DOM",
                                "url": "/React/dom_elements"
                            },
                            {
                                "text": "الأحداث المصطنعة",
                                "url": "/React/events"
                            },
                            {
                                "text": "أدوات الاختبار",
                                "url": "/React/test_utils"
                            },
                            {
                                "text": "التصيير السطحي",
                                "url": "/React/shallow_renderer"
                            },
                            {
                                "text": "مصير الاختيار",
                                "url": "/React/test_renderer"
                            },
                            {
                                "text": "متطلبات بيئة JavaScript",
                                "url": "/React/javascript_environment_requirements"
                            }
                        ]
                    }
                }
            },
            {
                "control": {
                    "type": "bullets",
                    "config": {
                        "text": "الأسئلة الشائعة",
                        "url": "#",
                        "items": [
                            {
                                "text": "المصطلحات",
                                "url": "/React/glossary"
                            },
                            {
                                "text": "استخدام AJAX مع React",
                                "url": "/React/faq_ajax"
                            },
                            {
                                "text": "أسئلة حول Babel، و JSX، وخطوات البناء",
                                "url": "/React/faq_build"
                            },
                            {
                                "text": "تمرير الدوال إلى المكونات",
                                "url": "/React/faq_functions"
                            },
                            {
                                "text": "حالة المكونات",
                                "url": "/React/faq_state"
                            },
                            {
                                "text": "التنسيق واستخدام CSS مع React",
                                "url": "/React/faq_styling"
                            },
                            {
                                "text": "بنية ملفات المشروع",
                                "url": "/React/faq_structure"
                            },
                            {
                                "text": "DOM الافتراضي والكائنات الداخلية",
                                "url": "/React/faq_internals"
                            }
                        ]
                    }
                }
            }
        ]
    }
]

مراجعة 08:28، 11 مارس 2019

columns
control
type"bullets"
config
text"البدء مع React"
url"#"
items
text"تجربة React"
url"/React/try_react"
text"إضافة React إلى تطبيق جديد"
url"/React/add_react_to_a_new_app"
text"إضافة React إلى تطبيق موجود"
url"/React/add_react_to_an_existing_app"
text"روابط شبكة توزيع المحتوى"
url"/React/cdn_links"
text"الدليل التطبيقي"
url"/React/tutorial"
control
type"bullets"
config
text"المفاهيم الأساسية"
url"/React#.D8.A7.D9.84.D9.85.D9.81.D8.A7.D9.87.D9.8A.D9.85_.D8.A7.D9.84.D8.A3.D8.B3.D8.A7.D8.B3.D9.8A.D8.A9"
items
text"مثال أهلًا بالعالم"
url"/React/hello_world"
text"مقدمة إلى JSX"
url"/React/introducing_jsx"
text"تصيير العناصر"
url"/React/rendering_elements"
text"المكونات والخاصيات"
url"/React/components_and_props"
text"حالة ودورة حياة المكونات"
url"/React/state_and_lifecycle"
text"معالجة الأحداث"
url"/React/handling_events"
text"التصيير الشرطي"
url"/React/conditional_rendering"
text"القوائم والمفاتيح"
url"/React/lists_and_keys"
text"الفرق بين التركيب والوراثة"
url"/React/composition_vs_inheritance"
text"أسلوب التفكير في React"
url"/React/thinking_in_react"
control
type"bullets"
config
text"الدليل المتقدم"
url"/React#.D8.A7.D9.84.D8.AF.D9.84.D9.8A.D9.84_.D8.A7.D9.84.D9.85.D8.AA.D9.82.D8.AF.D9.85"
items
text"شرح JSX بالتفصيل"
url"/React/jsx_in_depth"
text"التحقق من الأنواع الثابتة"
url"/React/static_type_checking"
text"استخدام المراجع مع DOM"
url"/React/refs_and_the_dom"
text"تحسين الأداء"
url"/React/optimizing_performance"
text"React بدون ES6"
url"/React/react_without_es6"
text"حدوث الأخطاء"
url"/React/error_boundaries"
text"مكونات الويب"
url"/React/web_components"
text"سهولة الوصول"
url"/React/accessibility"
text"تقسيم الشيفرة"
url"/React/code_splitting"
text"الوضع الصارم"
url"/React/strict_mode"
control
type"bullets"
config
text"مرجع إلى الواجهة البرمجية"
url"#"
items
text"الواجهة ذات المستوى الأعلى"
url"/React/react_api"
text"الصنف React.Component"
url"/React/react_component"
text"الكائن ReactDOM"
url"/React/react_dom"
text"الكائن ReactDOMServer"
url"/React/react_dom_server"
text"عناصر DOM"
url"/React/dom_elements"
text"الأحداث المصطنعة"
url"/React/events"
text"أدوات الاختبار"
url"/React/test_utils"
text"التصيير السطحي"
url"/React/shallow_renderer"
text"مصير الاختيار"
url"/React/test_renderer"
text"متطلبات بيئة JavaScript"
url"/React/javascript_environment_requirements"
control
type"bullets"
config
text"الأسئلة الشائعة"
url"#"
items
text"المصطلحات"
url"/React/glossary"
text"استخدام AJAX مع React"
url"/React/faq_ajax"
text"أسئلة حول Babel، و JSX، وخطوات البناء"
url"/React/faq_build"
text"تمرير الدوال إلى المكونات"
url"/React/faq_functions"
text"حالة المكونات"
url"/React/faq_state"
text"التنسيق واستخدام CSS مع React"
url"/React/faq_styling"
text"بنية ملفات المشروع"
url"/React/faq_structure"
text"DOM الافتراضي والكائنات الداخلية"
url"/React/faq_internals"
مجلوبة من «https://wiki.hsoub.com/index.php?title=React/MegaMenu&oldid=28115»