ফ্রন্টএন্ড ডেভেলপারদের জন্য সেরা ফ্রি টুল

ফ্রন্টএন্ড প্রকল্প খুব কমই ফ্রেমওয়ার্কের দোষে ব্যর্থ হয়। ব্যর্থ হয় কারণ বিল্ড ধীর, টেস্ট কেউ চালায় না, আর বান্ডল চুপচাপ বাড়তে থাকে — যতক্ষণ না সাইট খুলতে চার সেকেন্ড লাগে।

এই আটটি টুল ফ্রি, একসঙ্গে ভালো চলে, আর নতুন প্রকল্পে আমি সবার আগে এগুলোই বসাই।

বিল্ড টুল

Vite

সঙ্গে সঙ্গে চালু হওয়া ডেভ সার্ভার আর দ্রুত প্রোডাকশন বিল্ড; প্রায় যেকোনো আধুনিক ফ্রন্টএন্ডের ডিফল্ট পছন্দ।

vite.dev

ফ্রেমওয়ার্ক

Astro

ডিফল্টে শূন্য জাভাস্ক্রিপ্ট পাঠায়, তাই এটি দিয়ে ধীর কনটেন্ট সাইট বানানোই বরং কঠিন।

astro.build

স্টাইলিং

Tailwind CSS

ইউটিলিটি ক্লাসের কারণে প্রকল্প পুরোনো হলেও CSS অনন্তকাল বাড়তে থাকে না।

tailwindcss.com

লিন্ট ও ফরম্যাট

Biome

একটি বাইনারিতেই লিন্টার আর ফরম্যাটার: কনফিগ ফাইলের স্তূপের বদলে একটি দ্রুত টুল।

biomejs.dev

ইউনিট টেস্ট

Vitest

মিলিসেকেন্ডে শেষ হওয়া টেস্ট, তাই মানুষ পুশ করার আগে সত্যিই সেগুলো চালায়।

vitest.dev

এন্ড-টু-এন্ড টেস্ট

Playwright

সত্যিকারের ব্রাউজারে টেস্ট, যা ইউনিট টেস্টের চোখে না পড়া বাগ ধরে আর ট্রেস আবার চালিয়ে দেখা যায়।

playwright.dev

কম্পোনেন্ট কর্মশালা

Storybook

কম্পোনেন্ট আলাদা করে বানানো ও যাচাই করা; একাধিক মানুষ ইন্টারফেসে হাত দিলেই অপরিহার্য।

storybook.js.org

বান্ডলের আকার

Bundlephobia

কোনো ডিপেন্ডেন্সি কত কিলোবাইট খাবে, তা ইনস্টলের আগেই দেখে নিন, পরে নয়।

bundlephobia.com

আগে বিল্ড টুল আর লিন্টার ঠিক করুন: প্রতিদিনের অভিজ্ঞতা এই দুটোই নির্ধারণ করে।

শুধু বাছাই নয়, বানিয়ে দেওয়া দরকার?

ওয়েব অ্যাপ, API, অবকাঠামো ও ইন্টারফেস। বার্সেলোনা থেকে ফ্রিল্যান্স, ক্লায়েন্ট যেকোনো জায়গার।

যোগাযোগ করুন


Comments

Leave a Reply

Your email address will not be published. Required fields are marked *