Fruity Demand
Choose 4 Fruits
Al-Dhafra Dabbsa
$ 201
ADD TO CART
Boroi Acar
$ 373
ADD TO CART
Calte Acar
$ 242
ADD TO CART
Dabbas Family Packet
$ 437
ADD TO CART
Dabbas Date
$ 426
ADD TO CART
Date Crown Reziz
$ 406
ADD TO CART
Cashew Nut
$ 279
ADD TO CART
Almond Nut
$ 286
ADD TO CART
Khalas Date
$ 423
ADD TO CART
Khenaizi Date
$ 282
ADD TO CART
Raisins
$ 309
ADD TO CART
Lulu Date
$ 393
ADD TO CART
Selected Fruits
FAQ
How React works?
React হচ্ছে user interface তৈরির জন্য JS এর একটা জনপ্রিয় Library. User interface তৈরির জন্য HTML কোড ব্যবহার করা হয়। কিন্তু React, JS code কে HTML কোড এ convert করে user interface তৈর করে। এই কাজের জন্য 'React' নামের package use হয়। HTML code কে browser এর real dom এ render করার আগেই সে নিজে একটা virtual dom create করে 'ReactDom' নামের package use করে। আর এই virtual DOM এর ভিতর যখন কোনো পরিবর্তন হয়, সেইটা কে real DOM এর কপি এর সাথে তুলনা করে ঠিক যতটুকু change পায় ততটুকুই real DOM এ render করে। এই কাজ এর জন্য পুরা page টা reload দেয়া লাগে না। এইটাই react এর beauty.
Props vs State
Props:
1. Props শুধু parent component থেকে child component এ Data পাঠায়। child component থেকে parent component এ Data পাঠাতে পারে না।
2. Props নিজে immutable.
3. Props যে কোনো component এ use করা যায়।
4. Props read only.
State:
1. State যে component এ থাকে শুধু সেইটার ভিতর পাঠায় অন্য component এ পাঠাতে পারে না ।
2. State mutable.
3. যে component এ State use হয় তাকে Statefull component বলে।
4. State is not read only.
How useState works?
useState একটা Hook. useState() function টা React এর component এর state manage করতে হেল্প করে। একটা component এ এক বা একাধিক state থাকতে পারে। এ জন্য যতগুলো প্রয়োজন ততগুলা useState() use করা যাবে। useState() function এ একটা initial state দিয়ে দেয়া যায়, এই useState() funtion একটা current state এর মান সহ একটা variable রিটার্ন করে এবং সাথে একটা setfunction রিটার্ন করে যার মাধ্যমে পরবর্তিতে variable টার মান update করা হয়।