Merge pull request #48 from menomanabdulla/nomanabdulla

Noman abdulla

Author: oniahmed

data/react-cheat-sheet.json

@@ -0,0 +1,86 @@
+{
+    "id": "reactjs-cheat-sheet",
+    "title": "রিয়েক্ট JS টুকিটাকি",
+    "slug": "reactjs-cheat-sheet",
+    "description": "রিয়েক্ট JS এর আদ্যোপান্ত",
+    "colorPref": "#0288d1",
+    "contents": [
+      {
+        "title": "রিয়েক্ট JS এ 'Hello world' প্রিন্ট করা",
+        "items": [
+          {
+            "definition": "react কে ইম্পোর্ট(ES6 কনসেপ্ট) করে নেয়া",
+            "code": "import React from 'react'"
+          }, {
+            "definition": "ReactDOM কে ইম্পোর্ট করে নেয়া",
+            "code": "import ReactDOM from 'react-dom'"
+          }, {
+            "definition": "ReactDOM.render এই মেথডটি ২টি আরগুমেন্ট নেয় রেন্ডার ইলিমেন্ট এবং রেন্ডার স্কোপ",
+            "code": "ReactDOM.render(<h1>Hello, world!</h1>,document.getElementById('root'))"
+          }
+        ]
+      },
+      {
+        "title": "ES6 class নিয়ে কিছু কথা",
+        "items": [
+          {
+            "definition": "class",
+            "code": "লোকাল স্টেট এবং লাইফ-সাইকেল হুক কন্টেইন করে এমন একটি টেমপ্লেট"
+          }, {
+            "definition": "constructor(props)",
+            "code": "লোকাল স্টেটটা ডিফাইন করে এবং কম্পোনেন্ট মাউন্ট হওয়ার আগে ফায়ার করবে"
+          }, {
+            "definition": "super(props)",
+            "code": "প্যারেন্ট constructor কে রেফারেন্স করে"
+          }, {
+            "definition": "this.state = {date: new Date()}",
+            "code": "লোকাল স্টেট তৈরি করার উদাহরন"
+          }, {
+            "definition": "render() {return (<h1>Hello world</h1>)}",
+            "code": "ডোমে রেন্ডার করার একটি ফংশন যা রির্টান করবে ডোম ইলিমেন্ট"
+          }
+        ]
+      }, {
+        "title": "স্টেটলেস-কম্পোনেন্ট ধারনা",
+        "items": [
+          {
+            "definition": "স্টেটলেস-কম্পোনেন্টের স্ট্রাকচার",
+            "code": "const Human = ()=>{return()}"
+          }, {
+            "definition": "props যুক্ত স্টেটলেস-কম্পোনেন্ট",
+            "code": "const Human = (props) =>{return(<h2>{props.name}</h2>)}"
+          }
+        ]
+      }, {
+        "title": "রিয়েক্ট JS লাইফ সাইকেল হুক",
+        "items": [
+          {
+            "definition": "রেন্ডারিং এর আগে ইনভোক হয়",
+            "code": "constructor (props)"
+          }, {
+            "definition": "রেন্ডার করে",
+            "code": "render()"
+          }, {
+            "definition": "রেন্ডারিং এর পর ইনভোক হয়(যখন ডোম এভেইলএবল)",
+            "code": "componentDidMount()"
+          }, {
+            "definition": "ডোম রিমুভ হওয়ার আগে ইনভোক হয়",
+            "code": "componentWillUnmount()"
+          }, {
+            "definition": "যখন কম্পোনেন্ট নতুন প্রপস রিসীভড করে",
+            "code": "componentWillReceiveProps()"
+          }, {
+            "definition": "কম্পোনেন্ট নতুন প্রপস রিসীভড করার পর রেন্ডারিং এর আগে ইনভোক হয়",
+            "code": "shouldComponentUpdate() "
+          }, {
+            "definition": "immediately ইনভোক হয় নতুন প্রপস অথবা স্টেট পরিবর্তন হয়",
+            "code": "componentWillUpdate()"
+          }, {
+            "definition": "কম্পোনেন্ট নতুন প্রপস রিসীভড কর রেন্ডারিং এর পর ইনভোক হয়",
+            "code": "componentDidUpdate()"
+          }
+        ]
+      }
+    ]
+  }
+