GyaanSetu জাভাস্ক্রিপ্ট

জাভাস্ক্রিপ্ট এবং টাইপস্ক্রিপ্ট ইকোসিস্টেম।

115 articlesDeep, practical knowledge

এআই টাইপস্ক্রিপ্ট যুদ্ধে জয়ী হয়েছে

এআই টাইপস্ক্রিপ্ট যুদ্ধে জয়ী হয়েছে। বিতর্ক শেষ হয়েছে। টাইপস্ক্রিপ্ট উন্নত যুক্তির কারণে জিতেনি। এটি জিতেছে কারণ এআই টুলস বিতর্কটিকে অপ্রাসঙ্গিক করে তুলেছে। গবেষকরা একটি গুরুত্বপূর্ণ প্যাটার্ন...

জাভাস্ক্রিপ্ট · 2 min read

একটি উইডথ চেক বলেছিল স্ট্রিংটি কাটা নিরাপদ, কিন্তু এটি একটি কাঞ্জিকে অর্ধেক করে ফেলেছিল।

একটি উইডথ চেক বলেছিল স্ট্রিংটি কাটা নিরাপদ, কিন্তু এটি একটি কাঞ্জিকে অর্ধেক করে ফেলেছিল। একটি নাম একটি টার্মিনাল টেবিলে প্রবেশ করেছিল এবং তা ভেঙে বেরিয়ে এসেছিল। পদবিটি ছিল 𠮷田। প্রথম অক্ষরটি সি...

জাভাস্ক্রিপ্ট · 2 min read

DOM CRUD অপারেশনসমূহ

DOM CRUD অপারেশনসমূহ। ডকুমেন্ট অবজেক্ট মডেল (DOM) হলো ব্রাউজার যেভাবে HTML উপস্থাপন করে। এটি প্রতিটি এলিমেন্ট, অ্যাট্রিবিউট এবং টেক্সট অংশকে একটি অবজেক্টে রূপান্তরিত করে। জাভাস্ক্রিপ্ট এই অবজেক্টগুলো ব্যবহার করে...

জাভাস্ক্রিপ্ট · 2 min read

React Context কীভাবে সেটআপ করবেন

React Context কীভাবে সেটআপ করবেন: Prop drilling আপনার কোডকে নষ্ট করে দেয়। আপনি এমন পাঁচটি লেয়ারের কম্পোনেন্টের মধ্য দিয়ে ডেটা পাস করেন যাদের আসলে এর প্রয়োজন নেই। React Context এই সমস্যার সমাধান করে। তবে, বেশিরভাগ সেটআপ তৈরি করে...

জাভাস্ক্রিপ্ট · 2 min read

কোনো লিঙ্ক বাদ না দিয়ে ইমেল পরিবর্তনের প্রক্রিয়াগুলো পরীক্ষা করুন

কোনো লিঙ্ক বাদ না দিয়ে ইমেল পরিবর্তনের প্রক্রিয়াগুলো পরীক্ষা করুন। অ্যাকাউন্টের ইমেল পরিবর্তন করা খুব ছোট বিষয় মনে হতে পারে। এটি QA টিমগুলোর জন্য একটি সাধারণ ফাঁদ। একজন টেস্টার একটি ঠিকানা আপডেট করেন। অন্য একজন ব্যক্তি ইমেলটি ওপেন করেন...

জাভাস্ক্রিপ্ট · 2 min read

ওয়েব পারফরম্যান্সের ৩ সেকেন্ডের নিয়ম

ওয়েব পারফরম্যান্সের ৩ সেকেন্ডের নিয়ম। আপনার কাছে মাত্র তিন সেকেন্ড সময় আছে। এরপর আপনার ব্যবহারকারীরা চলে যায়। গুগল রিসার্চ অনুযায়ী, কোনো সাইট লোড হতে ৩ সেকেন্ডের বেশি সময় নিলে ৫৩% মোবাইল ব্যবহারকারী সেই সাইটটি ছেড়ে চলে যান...

জাভাস্ক্রিপ্ট · 2 min read

React Refs এবং useRef Hook-এর ব্যবহার

React Refs এবং useRef Hook-এর ব্যবহার। React একটি ডিক্লেয়ারেটিভ (declarative) পদ্ধতি ব্যবহার করে। আপনি স্টেট (state) আপডেট করেন এবং React ইউজার ইন্টারফেস (UI) আপডেট করে। এটি বেশিরভাগ কাজের জন্যই কার্যকর। কিন্তু মাঝে মাঝে আপনাকে এর বাইরে যেতে হয়...

জাভাস্ক্রিপ্ট · 2 min read

React-এ Key হিসেবে Index ব্যবহার করা কেন একটি খারাপ ধারণা

React-এ Key হিসেবে Index ব্যবহার করা কেন একটি খারাপ ধারণা। আপনি React-এ একটি ডাইনামিক লিস্ট তৈরি করেছেন। আপনি একটি আইটেম ডিলিট করলেন। হঠাৎ করেই অন্য একটি আইটেমের UI স্টেট পরিবর্তিত হয়ে গেল। অথবা, আপনি একটি লিস্ট সর্ট করলেন এবং ইন...

জাভাস্ক্রিপ্ট · 2 min read

সাবস্ক্রিপশন ছাড়াই লাইভ ওয়েবসাইট ভিজিটরদের ট্র্যাক করুন

সাবস্ক্রিপশন ছাড়াই লাইভ ওয়েবসাইট ভিজিটরদের ট্র্যাক করুন। একজন ক্লায়েন্ট রিয়েল টাইমে তাদের ওয়েবসাইটে কারা আছেন তা দেখতে চেয়েছিলেন। তারা Tidio উইজেটটি পছন্দ করেছিলেন কিন্তু সাবস্ক্রিপশনের জন্য টাকা দিতে চাননি...

জাভাস্ক্রিপ্ট · 2 min read

কেন আপনার React Key Prop প্রয়োজন

কেন আপনার React Key Prop প্রয়োজন। আপনি আপনার কনসোলে এই এররটি দেখতে পান: "Each child in a list should have a unique 'key' prop." অনেক ডেভেলপার এটি উপেক্ষা করেন। এটি একটি ভুল। এই সতর্কবার্তাটি...

জাভাস্ক্রিপ্ট · 2 min read

React Lists এবং Keys-এ দক্ষতা অর্জন করুন

React Lists এবং Keys-এ দক্ষতা অর্জন করুন। React-এ লিস্ট রেন্ডার করা সহজ, কিন্তু সঠিকভাবে করা বেশ কঠিন। অনেক ডেভেলপার কী (key) হিসেবে অ্যারে ইনডেক্স ব্যবহার করেন। এটি একটি ভুল। এটি বাগ (bugs) এবং...

জাভাস্ক্রিপ্ট · 2 min read

TypeScript-এ 'using' কিওয়ার্ড এবং সুস্পষ্ট রিসোর্স ম্যানেজমেন্ট

TypeScript-এ 'using' কিওয়ার্ড এবং সুস্পষ্ট রিসোর্স ম্যানেজমেন্ট। প্রোডাকশনে মেমরি লিক (Memory leaks) প্রায়শই একটি ভুলের কারণে ঘটে: ডেভেলপাররা রিসোর্স গ্রহণ করেন কিন্তু সেগুলো রিলিজ করতে ব্যর্থ হন। ডাটাবেস সংযোগ...

জাভাস্ক্রিপ্ট · 2 min read

ইনবক্সের বিশৃঙ্খলা ছাড়াই পাসওয়ার্ডহীন লগইন পরীক্ষা করুন

ইনবক্সের বিশৃঙ্খলা ছাড়াই পাসওয়ার্ডহীন লগইন পরীক্ষা করুন। একটি ডেমোতে পাসওয়ার্ডহীন লগইন খুব সহজ মনে হয়। একজন ব্যবহারকারী একটি ইমেল প্রদান করেন। একটি ম্যাজিক লিঙ্ক আসে। সেশনটি শুরু হয়। স্টেজিংয়ে, এই ফ্লোটি...

জাভাস্ক্রিপ্ট · 2 min read

Node.js কীভাবে হাজার হাজার রিকোয়েস্ট হ্যান্ডেল করে

Node.js কীভাবে হাজার হাজার রিকোয়েস্ট হ্যান্ডেল করে। মানুষ বলে Node.js সিঙ্গেল থ্রেডেড। তবুও, এটি কোনো বিরতি ছাড়াই হাজার হাজার রিকোয়েস্ট হ্যান্ডেল করে, ফাইল রিড করে এবং API কল সম্পন্ন করে। কীভাবে এটি...

জাভাস্ক্রিপ্ট · 2 min read

প্রতিটি npm ইন্সটলের লুকানো খরচ

প্রতিটি npm ইন্সটলের লুকানো খরচ। আমরা জাভাস্ক্রিপ্ট ঠিক করার জন্য লাইব্রেরি ডাউনলোড করতে দশ বছর ব্যয় করেছি। আমরা তারিখের জন্য moment.js ব্যবহার করেছি। আমরা ইউটিলিটির জন্য lodash ব্যবহার করেছি। আমরা ... এর জন্য node fetch ব্যবহার করেছি।

জাভাস্ক্রিপ্ট · 2 min read

খাদ্য উৎপাদনে UV এয়ার রিকুর্কুলেটর ব্যবহারের ক্ষেত্রে ভুলসমূহ

খাদ্য উৎপাদনে UV এয়ার রিকুর্কুলেটর ব্যবহারের ক্ষেত্রে ভুলসমূহ। খাদ্য উৎপাদনে বাতাসের পরিচ্ছন্নতা অত্যন্ত গুরুত্বপূর্ণ। প্যাকেজিং এলাকাগুলো বিশেষভাবে সংবেদনশীল। বাতাসে ভাসমান অণুজীব পণ্যের গুণমান নষ্ট করতে পারে...

জাভাস্ক্রিপ্ট · 2 min read

একটি ইন্টারেক্টিভ অ্যাপ গাইড তৈরি করা

একটি ইন্টারেক্টিভ অ্যাপ গাইড তৈরি করা। সাপোর্ট টিমগুলো প্রায়শই এমন সব অ্যাপ নিয়ে সমস্যায় পড়ে যা তারা কখনও ইনস্টল করেনি। স্ক্রিনশটসহ একটি PDF হলো এর প্রচলিত সমাধান। বেশিরভাগ মানুষই PDF পড়ে না...

জাভাস্ক্রিপ্ট · 2 min read

অদৃশ্য ফ্রন্টএন্ড: ছোট ছোট সিদ্ধান্ত যা একটি প্রোডাক্টকে রক্ষা করে

অদৃশ্য ফ্রন্টএন্ড: ছোট ছোট সিদ্ধান্ত যা একটি প্রোডাক্টকে রক্ষা করে। সেরা ফ্রন্টএন্ড কাজগুলো কখনোই ডেমোতে সরাসরি দেখা যায় না। আমি যে কাজটিকে সবচেয়ে বেশি মূল্যায়ন করি তা হলো অদৃশ্য কাজ। কেউ এগুলোর স্ক্রিনশট নেয় না। কিন্তু...

জাভাস্ক্রিপ্ট · 2 min read

একটি মেশিনকেও স্পর্শ না করে আমি কীভাবে প্রতিটি শাখা আপডেট করলাম

একটি মেশিনকেও স্পর্শ না করে আমি কীভাবে প্রতিটি শাখা আপডেট করলাম। আমি Electron ব্যবহার করে একটি অভ্যন্তরীণ ডেস্কটপ টুল তৈরি করেছি। এটি অনেক শাখা অফিসের মেশিনগুলোতে চলে। এই অফিসগুলোর রয়েছে ডি...

জাভাস্ক্রিপ্ট · 2 min read

React পারফরম্যান্স অপ্টিমাইজেশন চেকলিস্ট

React পারফরম্যান্স অপ্টিমাইজেশন চেকলিস্ট। ধীরগতির অ্যাপ্লিকেশন ব্যবসার ক্ষতি করে। এগুলো বাউন্স রেট বাড়িয়ে দেয় এবং ব্যবহারকারীদের হতাশ করে। এছাড়া এগুলো আপনার ইনফ্রাস্ট্রাকচার খরচও বাড়িয়ে দেয়। আপনি...

জাভাস্ক্রিপ্ট · 2 min read

React শেখার ৫ম দিন: ব্যাচিং এবং ফাংশনাল আপডেটস

React শেখার ৫ম দিন: ব্যাচিং এবং ফাংশনাল আপডেটস। আমি ভেবেছিলাম স্টেট সেটার (state setter) একাধিকবার কল করলে একাধিক রেন্ডার হয়। আমি ভুল ছিলাম। React তার চেয়েও বেশি বুদ্ধিমান। এটি ব্যবহার করে...

জাভাস্ক্রিপ্ট · 2 min read

আপনার কনসোল আপনাকে মিথ্যা বলছে

আপনার কনসোল আপনাকে মিথ্যা বলছে। ডিবাগিং করার সময় আপনার ব্রাউজারের DevTools আপনাকে বিভ্রান্ত করতে পারে। এটি কোনো ত্রুটি নয়; বরং এটি নিখুঁত নির্ভুলতার পরিবর্তে গতির জন্য অপ্টিমাইজ করা হয়েছে। এখানে বলা হলো কেন আপনি তা পারেন না...

জাভাস্ক্রিপ্ট · 2 min read