Skip to main content

Best Flutter এক্সটেনশন

Flutter হল মোবাইল, ডেস্কটপ এবং ওয়েব অ্যাপ্লিকেশন তৈরির জন্য একটি জনপ্রিয় ক্রস-প্ল্যাটফর্ম UI ফ্রেমওয়ার্ক।




😳ফ্লাটার অ্যাপ ডেভেলপ করতে, ডেভেলপাররা ভিজ্যুয়াল স্টুডিও কোড (ভিএস কোড) এর জন্য বিভিন্ন এক্সটেনশন ব্যবহার করতে পারে, একটি IDE যা ফ্লাটার এবং ডার্ট প্লাগইন সমর্থন করে।
👉ফ্লাটার ডেভেলপমেন্টের জন্য সেরা কিছু ভিএস কোড এক্সটেনশন হল:
✅Dart and Flutter:
এটি ফ্লাটার টিমের অফিসিয়াল এক্সটেনশন যা ডার্ট প্রোগ্রামিং ভাষার জন্য সার্পোট প্রোভাইট করে এবং কোড কমপ্লিশন, সিনট্যাক্স হাইলাইটিং, উইজেট এডিটিং অ্যাসিস্ট, হট রিলোড এবং রিস্টার্ট এবং ডিবাগিং অপশন এর মতো ফিচার অফার করে।
✅Awesome Flutter Snippets:
সংক্ষেপে কোড লেখার জন্য এই এক্সটেনশনটি স্নিপেট প্রদান করে। উদাহরণস্বরূপ, মেটেরিয়াল অ্যাপের জন্য mateapp, Stateful Widget-এর জন্য statefulW এবং InitState-এর জন্য initS।
✅Flutter Tree:
একটি সরল সিনট্যাক্স ব্যবহার করে ফ্লাটার ট্রি মূলত উইজেট ট্রি লেখার একটি সংক্ষিপ্ত এবং সহজ উপায় প্রদান করে।
উদাহরণস্বরূপ, Container>Column[Child1>Child2,Child3] একটি কলাম এবং দুটি চাইল্ড উইজেট সহ একটি কন্টেইনারের জন্য কোড তৈরি করবে।
✅Dart Barrel File Generator:
এই এক্সটেনশনটি ডার্ট ফাইল ধারণকারী ফোল্ডারগুলির জন্য ব্যারেল ফাইল তৈরি করে।
ব্যারেল ফাইল হল এমন একটি ফাইল যেখানে আমরা লাইব্রেরি বা ফোল্ডারে অন্যান্য ফাইল এক্সপোর্ট করার জন্য এক্সপোর্ট স্টেটমেন্ট লিখি। এটি প্যাকেজ ইমপোর্ট সহজ করে তোলে, কারণ আমাদের একাধিক ফাইলের পরিবর্তে শুধুমাত্র একটি ফাইল ইমপোর্ট করতে হবে।
✅Pubspec Assist:
আমরা এডিটর ছাড়াই প্যাকেজগুলি সার্চ করতে পারি Pubspec Assist এক্সটেনশনটি দিয়ে। এটি আবার সার্চ করার সেগুলিকে pubspec.yaml ফাইলে যুক্ত করে।
আমাদেরকে কমা দিয়ে নাম আলাদা করে একসাথে একাধিক প্যাকেজ সার্চ করার এক্সেস দেয়।
✅Pubspec Dependency Search:
এই এক্সটেনশনটির প্যাকেজের নামের উপর ক্লিক করে বা একটি কমান্ডের মাধ্যমে প্যাকেজগুলি সার্চ করতে আমাদের সাহায্য করে। এটি সার্চ করা প্যাকেজের সর্বশেষ ভার্সন এবং এর বিবরণও শো করায়।
✅ Error Lens:
কোডের ত্রুটির লাইনগুলিকে হাইলাইট করে এবং লাইনের শেষে ত্রুটির বিবরণ যুক্ত করে দেয় Error lens এক্সটেনশন।
এরর আইকনগুলিও প্রদর্শিত হয় যা আমাদের settings.json ফাইলে ত্রুটি হাইলাইটের কালার কাস্টমাইজ করার এক্সেস দেয়।
✅ Better Comments:
এই এক্সটেনশনটি আমাদের আরও Human-friendly এবং ভাল কমেন্ট তৈরি করতে সাহায্য করে।
আমাদের বিভিন্ন ধরনের মন্তব্যের জন্য বিভিন্ন কালার ব্যবহার করার এক্সেস দেয়, যেমন TODO, FIXME, ALERT ইত্যাদি।
✅ Color Highlight:
সংশ্লিষ্ট রঙের সাথে কোডের রঙের ভ্যালু গুলোকে হাইলাইট করে Color Highlight এক্সটেনশন।
এটিতে বিভিন্ন ফরম্যাট সমর্থন করে, যেমন hex, rgb, rgba, hsl, hsla ইত্যাদি।
✅Markdownlint:
মার্কডাউন ফাইলগুলির জন্য লিন্টিং এবং স্টাইল চেকিং প্রদান করে Markdownlint এক্সটেনশনটি।
এটি আমাদের সামঞ্জস্যপূর্ণ এবং ভাল-ফরম্যাট করা মার্কডাউন ডকুমেন্ট লিখতে সাহায্য করে।
আপনি যদি Flutter App ডেভেলপমেন্ট সেক্টরে নতুন হয়ে থাকেন, তাহলে এই VS code এক্সটেনশনগুলো প্র্যাকটিস করে দেখতে পারেন। যেটি আপনার কাজের গতি এবং স্টাইল দুটোই উন্নত করবে।

Comments

Post a Comment

Popular posts from this blog

অফলাইন ডাটা স্টোর করার ৬ টি মাধ্যম

  অফলাইন ডাটা স্টোর করার ৬ টি মাধ্যম যখন ফ্লটারে অফলাইনে ডেটা সংরক্ষণের কথা আসে, তখন এটি করার বিভিন্ন উপায় রয়েছে। অফলাইন ডাটা স্টোরেজ বলতে বোঝায় যে কোনো স্টোরেজ মিডিয়াম যেটিকে প্রত্যেকবার ফিজিক্যালি একটি সিস্টেমে ইনসার্ট করা হয়, যখন কোনো ইউজার ডেটা অ্যাক্সেস বা এডিট করতে চায় । অফলাইন স্টোরেজে সংরক্ষিত ডেটা তার ডিভাইস স্টোরেজে স্থায়ীভাবে থেকে যায় এমনকি ডেটা স্টোরেজের পরে কম্পিউটার থেকে সংযোগ বিচ্ছিন্ন বা আনপ্লাগ করা হলেও। উদাহরণ হিসেবে সহজ কথায় বলা যায়, মোবাইল অ্যাপের কনটেক্সটে, Offline data sync হল এমন একটি ফিচার যা ইউজারদের তাদের ডিভাইস অফলাইনে থাকা অবস্থায়ও ডেটা তৈরি করতে, পরিবর্তন করতে এবং সার্চ করতে দেয়৷ ডিভাইসটি অনলাইনে থাকাকালীন ডেটা লোকাল স্টোরে সংরক্ষণ করা হয় এবং Azure Mobile Apps সার্ভিসের সাথে সিঙ্ক্রোনাইজ করে। ফ্লাটারে, অফলাইনে ডেটা স্টোরেজ করার বিভিন্ন উপায় রয়েছে৷ এরমধ্যে টপ ৬ ধরনের উপায় নিয়ে আজকের আলোচনা- Using Text/CSV/JSON files ডেটা সংরক্ষণের জন্য ব্যবহৃত সবচেয়ে বেসিক ফাইল টাইপ হল TXT, CSV এবং JSON। ডার্ট প্রোগ্রামিং ভাষা সহজেই এই ফাইলগুলি পড়তে এবং লিখত...
Post a Comment
Read more

Flutter ডেভেলপমেন্ট ডিজাইন প্রিন্সিপাল?

 Flutter ডেভেলপমেন্ট ডিজাইন প্রিন্সিপাল? Flutter আর্কিটেকচার মূলত রিঅ্যাকটিভ প্রোগ্রামিং নীতির উপর ভিত্তি করে তৈরি। কম্পোজেবল উইজেট তৈরি করতে ফ্লাটার একটি রিঅ্যাকটিভ প্রোগ্রামিং মডেল ব্যবহার করে।  উইজেট হল ফ্লাটার অ্যাপ্লিকেশনের মৌলিক বিল্ডিং ব্লক যা একটি অ্যাপ্লিকেশনের ইউজার ইন্টারফেস তৈরি করতে ব্যবহৃত হয়। Solid হল পাঁচটি ডিজাইন প্রিন্সিপালের সংক্ষিপ্ত রূপ যা রবার্ট সি. মার্টিন দ্বারা তৈরি করা হয়েছিল। এই প্রিন্সিপালগুলো সফ্টওয়্যার ডেভেলপারদের আরও মেইনটেইনেবল বা রক্ষণাবেক্ষণযোগ্য সফ্টওয়্যার সিস্টেম তৈরিতে গাইড করার উদ্দেশ্যে তৈরি করা হয়েছে। Solid  মানে হল: -Single Responsibility Principle -Open-Close Principle -Liskov Substitution Principle -Interface Segregation Principle and -Dependency Inversion Principle. আপনাদের সুবিধার্থে আজকে Flutter-এর ডেভেলপমেন্টের ৫ টি প্রিন্সিপাল নিয়ে আলোচনা করা হলো- Single Responsibility Principle (SRP) একটি ক্লাসের পরিবর্তনের জন্য শুধুমাত্র একটি কারণ থাকা উচিত। অন্য কথায়, একটি শ্রেণীর শুধুমাত্র একটি দায়িত্ব থাকা উচিত। Flutter-এ SRP ব্য...
Post a Comment
Read more

InApp WebView দিয়ে Webview কন্টেন্ট ব্লকার তৈরী করবেন কিভাবে?

এই আর্টিকেলে, আমরা flutter in app web view প্লাগইন ব্যবহার করে আমাদের ওয়েবভিউ ইন্সট্যান্সের জন্য একটি কাস্টম কনটেন্ট ব্লকার তৈরি করা শিখবো। কন্টেন্ট ব্লকার সাধারণত বিজ্ঞাপন ব্লক করার জন্য ব্যবহার করা হয়, কিন্তু আপনি অন্য কোনো কন্টেন্ট ব্লক করতেও ব্যবহার করতে পারেন। ব্লকিং বিহেভিয়ারের মধ্যে রয়েছে এলিমেন্টস হাইড করা, লোড ব্লক করা এবং iOS এবং macOS-এ, WebView রিকুয়েস্ট থেকে কুকি রিমুভ করা। মনে রাখবেন, স্পেশালাইজড এক্সটেনশন যেমন অ্যাডব্লক (AdBlock) বা অ্যাডব্লক প্লাসের (AdBlock Plus) কার্যকারিতা আর কন্টেন্ট ব্লকারের কার্যকারিতা একই লেভেলের না। কন্টেন্ট ব্লকার হলো এমন একটি রুলসের সেট যা কখনই ওয়েবভিউ থেকে কোনো কলব্যাক বা নোটিফিকেশন ফিরে পায় না যখন এটি ব্লক করার জন্য প্রয়োজনীয় কন্টেন্ট খুঁজে পায়। **InAppWebViewSettings **ক্লাসের  contentBlockers  প্রোপার্টির মাধ্যমে আমরা ContentBlocker এর এমন ইন্সট্যান্সের একটি লিস্ট তৈরি করতে পারি ওয়েবভিউয়ের ব্যবহারের জন্য। দ্যা কনটেন্টব্লকার ক্লাস (The ContentBlocker class) আমরা ContentBlocker ক্লাসে কনটেন্ট-ব্লকিং বিহেভিয়ার সংজ্ঞায়িত করি...
Post a Comment
Read more