عرض مصدر React/MegaMenu

[
    {
        "columns": [
            {
                "control": {
                    "type": "bullets",
                    "config": {
                        "text": "البدء مع React",
                        "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:React_Installation",
                        "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"
                            },
                            {
                                "text": "الأسئلة الشائعة حول React",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:React_FAQ"
                            }
                        ]
                    }
                }
            },
            {
                "control": {
                    "type": "bullets",
                    "config": {
                        "text": "المفاهيم الأساسية",
                        "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:React_Main_Concepts",
                        "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": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:React_Advanced_Guides",
                        "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": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:React_API_Reference",
                        "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": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:React_Hooks",
                        "items": [
                            {
                                "text": "مدخل إلى الخطافات",
                                "url": "/React/hooks_intro"
                            },
                            {
                                "text": "لمحة خاطفة عن الخطافات",
                                "url": "/React/hooks_overview"
                            },
                            {
                                "text": "خطاف الحالة",
                                "url": "/React/hooks_state"
                            },
                            {
                                "text": "خطاف التأثير",
                                "url": "/React/hooks_effect"
                            },
                            {
                                "text": "قواعد استعمال الخطافات",
                                "url": "/React/hooks_rules"
                            },
                            {
                                "text": "بناء خطافات خاصة بك",
                                "url": "/React/hooks_custom"
                            },
                            {
                                "text": "مرجع إلى واجهة الخطافات البرمجية",
                                "url": "/React/hooks_reference"
                            },
                            {
                                "text": "الأسئلة الشائعة حول الخطافات",
                                "url": "/React/hooks_faq"
                            }
                        ]
                    }
                }
            }
        ]
    }
]