From 5224a6b17302d321695f28ae90fd0bf6604d86f1 Mon Sep 17 00:00:00 2001
From: "Md. Toufiqul Islam Tanmoy"
 <67703225+toufiqulislamtanmoy@users.noreply.github.com>
Date: Sat, 26 Oct 2024 23:20:15 +0600
Subject: [PATCH] Basic Of Conditonal Rendering

---
 data/react-cheat-sheet.json | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/data/react-cheat-sheet.json b/data/react-cheat-sheet.json
index 8783bc29a..b411d2adf 100644
--- a/data/react-cheat-sheet.json
+++ b/data/react-cheat-sheet.json
@@ -288,6 +288,27 @@
           "code": "useEffect(() => {\n// Update the document title using the browser API \ndocument.title = `You clicked ${count} times`;\n});"
         }
       ]
+    },
+    {
+      "title": "রিঅ্যাক্ট JS এ কন্ডিশনাল রেন্ডারিং (Conditional Rendering)",
+      "iitems": [
+        {
+          "definition": "একটি কন্ডিশন তৈরী করা যেই কন্ডিসনে রেন্ডারিং নির্ভর করবে",
+          "code": "const isLoggedIn = true;"
+        },
+        {
+          "definition": "একটি কন্ডিশনাল এক্সপ্রেশন ব্যবহার করে ভিন্ন JSX রেন্ডার করা",
+          "code": "const greeting = isLoggedIn ? <h1>Welcome Back!</h1> : <h1>Please Sign In</h1>;"
+        },
+        {
+          "definition": "logical && অপারেটর ব্যবহার করে কন্ডিশনাল রেন্ডারিং করা - যখন কন্ডিশনটি true হবে তখনই JSX রেন্ডার হবে",
+          "code": "isLoggedIn && <h1>Welcome Back!</h1>"
+        },
+        {
+          "definition": "logical || অপারেটর ব্যবহার করে কন্ডিশনাল রেন্ডারিং করা - যখন কন্ডিশনটি false হবে তখনই অন্যটি রেন্ডার হবে",
+          "code": "const greeting = isLoggedIn || <h1>Please Sign In</h1>;"
+        },
+      ],
     }
   ]
 }