forked from devsonket/devsonket.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathreact-cheat-sheet.json
More file actions
85 lines (85 loc) · 4.42 KB
/
Copy pathreact-cheat-sheet.json
File metadata and controls
85 lines (85 loc) · 4.42 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
{
"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": "লোকাল স্টেট এবং লাইফ-সাইকেল হুক কন্টেইন করে এমন একটি টেমপ্লেট",
"code": "class"
}, {
"definition": "লোকাল স্টেটটা ডিফাইন করে এবং কম্পোনেন্ট মাউন্ট হওয়ার আগে ফায়ার করবে",
"code": "constructor(props)"
}, {
"definition": "প্যারেন্ট constructor কে রেফারেন্স করে",
"code": "super(props)"
}, {
"definition": "লোকাল স্টেট তৈরি করার উদাহরন",
"code": "this.state = {date: new Date()}"
}, {
"definition": "ডোমে রেন্ডার করার একটি ফংশন যা রির্টান করবে ডোম ইলিমেন্ট",
"code": "render() {return (<h1>Hello world</h1>)}"
}
]
}, {
"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()"
}
]
}
]
}