الفرق بين المراجعتين ل"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"