Excellent video দাদা। Reactive Accelerator Course এর প্রজেক্ট গুলোতে আপনার শেখানো এই কনসেপ্ট গুলো দারুণ ছিলো দাদা ❤ ১. কিভাবে Component Structure করতে হয় ২. কিভাবে Component Structure থেকে Modular Tree তৈরি করতে হয় ৩. কিভাবে এপ্লিকেশন এর Data Flow ডিফাইন করতে হয় Component Create করার সময় আপনার এই কথাটা স্মরণে থাকে - "একটি Component একটি কাজ করবে এবং সেই কাজটি Component ভালোভাবে করবে।"
dada, already reactive accelerator course e achi and I loved your explanation. Tobuo apnar ei playlist ta follow korchi. Asha kori aro interesting kichu shikhte parbo😊
*1. Vanilla JavaScript:* const numbers = [1, 2, 3]; const doubled = numbers.map(num => num * 2); console.log(doubled); // [2, 4, 6] *2. React: In React, .map() can be used to generate JSX elements:* const items = ['Apple', 'Banana', 'Cherry']; return (
{items.map((item, index) => ( {item} // Returns elements ))}
); *3. Returning JSX in .map():* Implicit return: Use () after the arrow function: array.map(item => ( {item} )); Explicit return: Use {} and add return: array.map(item => { return {item}; }); -------------------------------------------------------------------------------------------------------------------- In vanilla JavaScript, the .map() method creates a new array by transforming each element of the original array using the callback function you provide. It always returns a new array, even if the callback doesn't explicitly return a value. In React, the same principle applies: when you use .map() to iterate over an array, it generates a new array. If you are generating JSX elements (e.g., , ), the new array will consist of those elements, which React will render. Common Pitfall: The issue in your code was not the usage of .map() itself but forgetting that React requires the map callback to return JSX elements for rendering. When you use {} in an arrow function without return, it implies the function is a block body, and it won't automatically return the JSX.
শারীরিক ও মানসিকভাবে সুস্থ-সবল থাকলেই আমাদের জন্য কোয়ালিটিফুল লেকচার উপহার দিতে পারবেন। সপ্তাহে ১টি অথবা ১৫দিনে ৩টি ভিডিও পাবলিশ করার কথা বিবেচনা করার অনুরোধ জানাচ্ছি।
কম্পোনেন্টকে ভাঙ্গার বিষয়টা এনজয় করছি। তবে দিন চলে গিয়েছে এখন পর্যন্ত ৩৮ মিনিট ভিডিও দেখা হয়েছে। তবে এনজয়মেন্টের কোনো ঘাটতি নেই। তাই স্লো লার্নারদের কথা চিন্তা করে সপ্তাতে একটা ভিডিও দেবেন কি?
Ha vai.. 1 theke 2 ta video plannned. Kichu learner abar protidin 1 ta kore chay.. dada jay kothay? 😀 Tobe ami bolbo je.. time niye shikhun... React e bhalobhave skillful hote 4-6 months time lagbei.
@@tapascript-bangla আপনার রিপ্লাই পেয়ে ভাল লাগছে। আপনার ভিডিও ই দেখছিলাম, তবে এখন আর দেখতে পারছিনা ঘুমোতে হবে। আপনার টিচিং আমি খুবই পছন্দ করি। আপনার অসাধারন ভিডিওর জন্য কৃতজ্ঞতা এবং শুভ কামনা জানাচ্ছি।
দীর্ঘদিনের অপেক্ষা শেষে আপনার এই কোর্সটি পেলাম। ধন্যবাদ দাদা।
এতো সুন্দর করে বোঝানোর জন্য ধন্যবাদ।
Just Awesome. Thank you so much❤❤❤❤
Most welcome 😊
The explanation here is both thorough and engaging!
Excellent video দাদা।
Reactive Accelerator Course এর প্রজেক্ট গুলোতে আপনার শেখানো এই কনসেপ্ট গুলো দারুণ ছিলো দাদা ❤
১. কিভাবে Component Structure করতে হয়
২. কিভাবে Component Structure থেকে Modular Tree তৈরি করতে হয়
৩. কিভাবে এপ্লিকেশন এর Data Flow ডিফাইন করতে হয়
Component Create করার সময় আপনার এই কথাটা স্মরণে থাকে - "একটি Component একটি কাজ করবে এবং সেই কাজটি Component ভালোভাবে করবে।"
awesome dada 👋👋
৩২ মিনিট দেখা হয়েছে। এক কথায় দারুন। খুবই স্ট্রাকচারড ওয়েতে উদার ভাবে শেখানোর জন্য অগ্রগতি ও সমৃদ্ধি কামনা করছি।
Great… ❤️
অপেক্ষায় ছিলাম দাদা।
Love from Bangladesh❤❤❤❤
অসাধারণ এবং অতুলনীয় ভিডিও।
Significant
AMAZING VIDEO
Thank you dada for your valuable time..
I always wait for your new videos ❤❤❤
আপনার ক্লাস সব সময়ের জন্য উপভোগ্য। দারুণ ক্লাস !
@@HelloSelimurRaji thank you❤️
@@tapascript-bangla Welcome ❤
Just Awesome 🎉🎉 39:01
Its very helpful😍
Thanks!
Welcome!
iam waiting for this
🎉🎉 24:10
react eibari vaja vaja hobe. great job tapash da. awesome you are. besi valo
Go Ahaed Dada.
Now you are on the right way.
We want to learn with fun and practice.
Tnx a lot.
I truly believe, i am going to explore new knowledge form your React playlist.I can't thank you enough 💙
waiting for your next video, vaiya 🌸
Best learning
Keep it up
awesme dada,
ei playlist shes korbo insha-allah,
video gulo 06:00 pm dile vlao hoy dada.
Thanks Bhai ❤❤
Welcome ❤️
I love you vaya❤
Dada on fire
🔥🔥🔥
Thank you
You're welcome
dada, already reactive accelerator course e achi and I loved your explanation. Tobuo apnar ei playlist ta follow korchi. Asha kori aro interesting kichu shikhte parbo😊
nice
❤❤❤
*1. Vanilla JavaScript:*
const numbers = [1, 2, 3];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6]
*2. React: In React, .map() can be used to generate JSX elements:*
const items = ['Apple', 'Banana', 'Cherry'];
return (
{items.map((item, index) => (
{item} // Returns elements
))}
);
*3. Returning JSX in .map():*
Implicit return: Use () after the arrow function:
array.map(item => (
{item}
));
Explicit return: Use {} and add return:
array.map(item => {
return {item};
});
--------------------------------------------------------------------------------------------------------------------
In vanilla JavaScript, the .map() method creates a new array by transforming each element of the original array using the callback function you provide. It always returns a new array, even if the callback doesn't explicitly return a value.
In React, the same principle applies: when you use .map() to iterate over an array, it generates a new array. If you are generating JSX elements (e.g., , ), the new array will consist of those elements, which React will render.
Common Pitfall:
The issue in your code was not the usage of .map() itself but forgetting that React requires the map callback to return JSX elements for rendering. When you use {} in an arrow function without return, it implies the function is a block body, and it won't automatically return the JSX.
Mongodb🎉🎉 40:02
দাদা প্রতি বৃহস্পতিবার আর সোমবার এইটা দুইটা দিন আমি কিন্তু সব কাজ গুছিয়ে আপনার আশায় রইবো... ভালোবাসা নিবেন দাদা।🏩
Great… ei dui din amio Baki sob kaaj sorie rakhi 😊
Dada, component structure bananor jonno kon tool use kor a hoyecehe ei video te bola jabe?
@@MahmudHasanAdor excalidraw
start watching dada
This is one of the most important video.. code along.
dada -> deploy llink dile apni kmne code dekhben? aita github link hobe na?
Apni github er link diben, jar readme te deploy link thakbe
@tapascript-bangla video te deploy link bollo to tai ektu confirm holam
I can't find any good tutorials on React Native and Vue.js in Bangla. It would be very helpful for us if you could provide a tutorial.
Github তে project সেট করে রাখার একটা ভিডিও দেন
wonderful, amon kora kono paid course a o dakai naaaaaaa,,
❤❤❤❤❤❤❤❤❤❤
স্যার দয়াকরে আমার মত নতুন দের জন্য মটিভেশন চাই * আপনার জন্য ❤
dada next props driling
শারীরিক ও মানসিকভাবে সুস্থ-সবল থাকলেই আমাদের জন্য কোয়ালিটিফুল লেকচার উপহার দিতে পারবেন। সপ্তাহে ১টি অথবা ১৫দিনে ৩টি ভিডিও পাবলিশ করার কথা বিবেচনা করার অনুরোধ জানাচ্ছি।
Thanks for understanding ❤️
Dada protidin video den please 😢
Vai nischit amar mrityu chan 😅😂
@tapascript-bangla nah sir 😁
@@tapascript-bangla 😅😂
# pleace crerate a video for React router v7
কম্পোনেন্টকে ভাঙ্গার বিষয়টা এনজয় করছি। তবে দিন চলে গিয়েছে এখন পর্যন্ত ৩৮ মিনিট ভিডিও দেখা হয়েছে। তবে এনজয়মেন্টের কোনো ঘাটতি নেই। তাই স্লো লার্নারদের কথা চিন্তা করে সপ্তাতে একটা ভিডিও দেবেন কি?
Ha vai.. 1 theke 2 ta video plannned. Kichu learner abar protidin 1 ta kore chay.. dada jay kothay? 😀
Tobe ami bolbo je.. time niye shikhun... React e bhalobhave skillful hote 4-6 months time lagbei.
@@tapascript-bangla আপনার রিপ্লাই পেয়ে ভাল লাগছে। আপনার ভিডিও ই দেখছিলাম, তবে এখন আর দেখতে পারছিনা ঘুমোতে হবে। আপনার টিচিং আমি খুবই পছন্দ করি। আপনার অসাধারন ভিডিওর জন্য কৃতজ্ঞতা এবং শুভ কামনা জানাচ্ছি।
ভাললাগার কোন ঘাটতি হচ্ছে না। ঘাটতি হচ্ছে সময়ের। সপ্তাহে একটা ভিডিও রিলিজ হলে ভাল হয়।
এতো সুন্দর করে বোঝানোর জন্য ধন্যবাদ।
Thank You