#8 React Event Handling & Control Re Rendering - React Tutorial Bangla Series
48.8 هزار بار بازدید -
3 سال پیش
-
React Event Handling and Control
React Event Handling and Control Rendering - React Rendering Tutorial - React Event Handle Tutorial - React Tutorial Bangla Series
এই video তে আমি React এ কিভাবে event handling করতে হয় সে সম্পর্কে আলোচনা করেছি। সেই সাথে normal HTML event এর সাথে এটার difference কি সেটাও বলেছি। Event Handling - এর callback handle করতে গিয়ে class Component এ "this" keyword নিয়ে বিশাল confusion তৈরী হয়। এই video পুরোটা মন দিয়ে দেখলে এই confusion চিরকালের জন্য clear হয়ে যাবে আপনাদের। শুধু তাই নয়, JavaScript এর রহস্যময় "this" keyword এর behavior আপনারা আরো ভালভাবে বুঝতে পারবেন।
এরপরে React এর সবচেয়ে গুরুত্বপূর্ণ কিন্তু সবচেয়ে confusing "Unnecessary Render Cycle" সম্পর্কে আলোচনা করেছি। এই video দেখলে clearly বুঝতে পারবেন এই unnecessary re-render কিভাবে detect করবেন এবং প্রয়োজনে সেটা avoid করতে পারেন। একজন React Developer এর জন্য Video টি অত্যন্ত গুরুত্বপূর্ণ। তাই আশা থাকবে পুরো video টি আপনারা দেখবেন।
👍 সম্পূর্ণ Playlist Link - React JS Tutorial Bangla Series for B...
👍 Project Github Repository Link - https://github.com/learnwithsumit/thi... [ branch - "lesson-8" ]
▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬
0:00 - Intro
1:34 - Event Handling
06:57 - ESLint Warning Solution
14:42 - "this" confusion & solution
34:49 - Passing parameters
37:30 - Detect & Control Re-render
59:45 - My last words
References:
👍 Documentation Link - https://reactjs.org/docs/handling-eve...
👍 First React Video - #1 What is React and How it works - R...
👍 Destructuring Tutorial - #19 - Destructuring - Modern JavaScri...
👍 Modern JavaScript Playlist - #1 - Introduction - Modern JavaScript...
👍 "this" keyword in normal function - JavaScript 'this' keyword tutorial in...
👍 "this" keyword in Arrow function - #2 - JavaScript Fat Arrow Functions B...
কোন প্রশ্ন থাকলে comment section এ comment করতে পারেন। সেই সাথে আমাদের একটি Facebook Group আছে। সেখানেও আপনার প্রশ্ন করতে পারেন। সব প্রয়োজনীয় link নিচে দেয়া হলো -
👍 Facebook Group - Facebook: learnwithsumit
👍 Like our Facebook Page - Facebook: LetsLearnwithSumit
👍 Follow us at Instagram - Instagram: learnwithsumit
👍 Follow me at - Facebook: sumit.analyzen
#react_bangla_tutorial
এই video তে আমি React এ কিভাবে event handling করতে হয় সে সম্পর্কে আলোচনা করেছি। সেই সাথে normal HTML event এর সাথে এটার difference কি সেটাও বলেছি। Event Handling - এর callback handle করতে গিয়ে class Component এ "this" keyword নিয়ে বিশাল confusion তৈরী হয়। এই video পুরোটা মন দিয়ে দেখলে এই confusion চিরকালের জন্য clear হয়ে যাবে আপনাদের। শুধু তাই নয়, JavaScript এর রহস্যময় "this" keyword এর behavior আপনারা আরো ভালভাবে বুঝতে পারবেন।
এরপরে React এর সবচেয়ে গুরুত্বপূর্ণ কিন্তু সবচেয়ে confusing "Unnecessary Render Cycle" সম্পর্কে আলোচনা করেছি। এই video দেখলে clearly বুঝতে পারবেন এই unnecessary re-render কিভাবে detect করবেন এবং প্রয়োজনে সেটা avoid করতে পারেন। একজন React Developer এর জন্য Video টি অত্যন্ত গুরুত্বপূর্ণ। তাই আশা থাকবে পুরো video টি আপনারা দেখবেন।
👍 সম্পূর্ণ Playlist Link - React JS Tutorial Bangla Series for B...
👍 Project Github Repository Link - https://github.com/learnwithsumit/thi... [ branch - "lesson-8" ]
▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬
0:00 - Intro
1:34 - Event Handling
06:57 - ESLint Warning Solution
14:42 - "this" confusion & solution
34:49 - Passing parameters
37:30 - Detect & Control Re-render
59:45 - My last words
References:
👍 Documentation Link - https://reactjs.org/docs/handling-eve...
👍 First React Video - #1 What is React and How it works - R...
👍 Destructuring Tutorial - #19 - Destructuring - Modern JavaScri...
👍 Modern JavaScript Playlist - #1 - Introduction - Modern JavaScript...
👍 "this" keyword in normal function - JavaScript 'this' keyword tutorial in...
👍 "this" keyword in Arrow function - #2 - JavaScript Fat Arrow Functions B...
কোন প্রশ্ন থাকলে comment section এ comment করতে পারেন। সেই সাথে আমাদের একটি Facebook Group আছে। সেখানেও আপনার প্রশ্ন করতে পারেন। সব প্রয়োজনীয় link নিচে দেয়া হলো -
👍 Facebook Group - Facebook: learnwithsumit
👍 Like our Facebook Page - Facebook: LetsLearnwithSumit
👍 Follow us at Instagram - Instagram: learnwithsumit
👍 Follow me at - Facebook: sumit.analyzen
#react_bangla_tutorial
3 سال پیش
در تاریخ 1399/12/17 منتشر شده
است.
48,860
بـار بازدید شده