React Conditional Rendering, List and Keys – React Tutorial Bangla Series
এই video তে আমি দেখিয়েছি কিভাবে React এ আমরা কোন একটা particular condition এর উপর base করে component render করতে পারি। সেজন্য আমি কয়েকটি coding pattern দেখিয়েছি। যেমন – normal if/else ব্যবহার করে element variable এর মাধ্যমে, Logical ”&&” Operator ব্যবহার করে truthy/falsy value এর ক্ষেত্রে inline if/else এর মাধ্যমে, Conditional Operator যেমন ternary operator ব্যবহার করে inline if/else এর মাধ্যমে এবং simply “null” value return করে conditionally component render না করে আরেকটি pattern দেখিয়েছি। এরপরে কিভাবে React এ List component ব্যবহার করতে হয় এবং সেক্ষেত্রে Array.map( ) method এর ব্যবহার দেখিয়েছি। আশা করি video টি beginners দের উপকারে আসবে।
সম্পূর্ণ Playlist Link – https://www.youtube.com/playlist?list=PLHiZ4m8vCp9M6HVQv7a36cp8LKzyHIePr
Project Github Repository Link – https://github.com/learnwithsumit/think-in-a-react-way [ branch – “lesson-9” ]
References:
Documentation Link – https://reactjs.org/docs/conditional-rendering.html
Ternary Operator Tutorial – https://www.youtube.com/watch?v=akkfVWWZEio
Truthy/Falsy Tutorial – https://www.youtube.com/watch?v=VPs3yHtN7Ss
Array.map() – https://www.youtube.com/watch?v=ZfrqGZTJuVQ
কোন প্রশ্ন থাকলে comment section এ comment করতে পারেন। সেই সাথে আমাদের একটি Facebook Group আছে। সেখানেও আপনার প্রশ্ন করতে পারেন। সব প্রয়োজনীয় link নিচে দেয়া হলো –
Facebook Group – https://www.facebook.com/groups/learnwithsumit
Like our Facebook Page – https://www.facebook.com/LetsLearnwithSumit
Follow us at Instagram – https://www.instagram.com/learnwithsumit
Follow me at – https://www.facebook.com/sumit.analyzen
#react_bangla_tutorial
