Merge pull request #1158 from toufiqulislamtanmoy/patch-4

Fragment in react js
devsonket · Oct 28, 2024 · 35f1578 · 35f1578
2 parents 90d03f5 + 45e2e05
commit 35f1578
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/data/react-cheat-sheet.json b/data/react-cheat-sheet.json
@@ -80,6 +80,19 @@
         }
       ]
     },
+    {
+      "title": "রিঅ্যাক্ট JS এ ফ্র্যাগমেন্ট (Fragment) ব্যবহার",
+      "items": [
+        {
+          "definition": "ফ্র্যাগমেন্ট হল একটি ওয়ার্পার যা DOM এ অতিরিক্ত নোড যোগ না করেই একাধিক এলিমেন্টকে গ্রুপ করতে সাহায্য করে।",
+          "code": "<>\n  <h1>Title</h1>\n  <p>This is a paragraph.</p>\n</>"
+        },
+        {
+          "definition": "React.Fragment এবং <> </> এর মাধ্যমে JSX কে গ্রুপ করা সম্ভব, তবে ছোট ট্যাগ ব্যবহারে React.Fragment এর পরিবর্তে <> </> ব্যবহার করা সুবিধাজনক।",
+          "code": "<React.Fragment>\n  <h1>Header</h1>\n  <span>Subtitle</span>\n</React.Fragment>"
+        }
+      ]
+    },
     {
         "title": "রিঅ্যাক্ট JS এ কন্ডিশনাল রেন্ডারিং (Conditional Rendering)",
         "items": [