Rails/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"
                           }
                       ]
                   }
               }
           }
       ]
   }

]