Summary
Keywords
Full Transcript
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
