সাব্লাইম (এবং পরমাণু) স্নিপেট

স্নিপেটগুলি হল কোডের পুনঃব্যবহারযোগ্য অংশ যা আপনি সহজেই এবং দ্রুত আপনার পাঠ্য সম্পাদকে ড্রপ করতে পারেন।

তারা যেভাবে কাজ করে তা হল আপনি একটি ছোট হাতের কোড টাইপ করা শুরু করেন, একটি পপআপ প্রদর্শিত হবে এবং আপনি যে স্নিপেট চান তার জন্য এন্টার টিপুন এবং আপনি কোডের একটি পূর্বনির্ধারিত অংশ পাবেন।

শুধুমাত্র মনে রাখা উচিত যে স্নিপেটগুলি তখনই কাজ করতে পারে যখন আপনি যে ফাইলটি সম্পাদনা করছেন তার একটি নির্দিষ্ট এক্সটেনশন থাকে (যেমন জাভাস্ক্রিপ্ট স্নিপেটগুলি তখনই কাজ করবে যখন .js দিয়ে শেষ হওয়া ফাইলটি সম্পাদনা করা হবে)।

JS এবং NodeJS স্নিপেট

মহৎ | পরমাণু

জেনো রোচা দ্বারা জাভাস্ক্রিপ্ট এবং নোডজেএস স্নিপেট প্যাকেজটি সাধারণ স্নিপেটের একটি দুর্দান্ত প্যাকেজ যা আপনাকে সাধারণ জাভাস্ক্রিপ্ট দ্রুত লিখতে দেয়।

নিচে শর্টহ্যান্ড কোডের কিছু উদাহরণ এবং তারা যে কোড তৈরি করে:

ae (ইভেন্ট লিসেনার যোগ করুন)

document.addEventListener('event', function(e) {  
 // body...  
});

cel (উপাদান তৈরি করুন)

document.createElement(elem);

cdf (ডকুমেন্ট ফ্র্যাগমেন্ট তৈরি করুন)

document.createDocumentFragment(elem);

pr (প্রোটোটাইপ)

ClassName.prototype.methodName = function(arguments) {  
 // body...  
}

iife (তাৎক্ষণিকভাবে আমন্ত্রিত ফাংশন এক্সপ্রেশন)

(function(window, document, undefined) {  
 // body...  
})(window, document);

এখানে বেন আলমানের পোস্টটি iife's-এ , শুধুমাত্র ম্যাটের জন্য।

জেনোতে আপনি গিথুব রেপো (এবং প্যাকেজ পৃষ্ঠাগুলিতে) ব্যবহার করতে পারেন এমন কমান্ডগুলির একটি সম্পূর্ণ তালিকা রয়েছে।

ES2015 টুলকিট

মহৎ

ES2015 (ওরফে ES6) দুর্দান্ত এবং সবচেয়ে দুর্দান্ত জিনিসগুলির সাথে, এটির সাথে যাওয়ার জন্য একটি স্নিপেট প্যাকেজ রয়েছে৷

এই প্যাকেজ এবং এর স্নিপেটগুলি ব্যবহার করতে, NPM এর মাধ্যমে Babel ইনস্টল করতে ভুলবেন না।

npm install -g babel

কিছু শর্টহ্যান্ড কোডের শুরুতে মূলধনটিও নোট করুন।

প্রতিশ্রুতি

Promise((resolve, reject) => {

});

ক্লাস

class Classname extends AnotherClass {
  constructor(args) {
    // code
  }

  // methods
}

বস্তু

var obj = {
  __proto__: theProtoObj,
  handler,
  toString() {
    return "object";
  }
}

সমর্থিত স্নিপেটগুলির সম্পূর্ণ তালিকার জন্য Sublime প্যাকেজ নিয়ন্ত্রণ পৃষ্ঠাটি দেখুন।

দুর্ভাগ্যবশত এই প্যাকেজটি অ্যাটমের জন্য উপলব্ধ নয়৷ নিকটতম সমতুল্য 'es6-javascript' শিরোনামের এই প্যাকেজ বলে মনে হচ্ছে।

পলিমার এবং ওয়েব কম্পোনেন্ট প্যাকেজ

মহৎ | পরমাণু

মিস্টার ডডসন্সের অসাধারণ পলিমার এবং ওয়েব কম্পোনেন্ট স্নিপেট দিয়ে পলিমারের জন্য বয়লারপ্লেট লেখার প্রচেষ্টা কমিয়ে দিন।

হাই (HTML আমদানি)

<link rel="import" href="bower_components//.html">

pe (পলিমার উপাদান)

<dom-module id="">
  <style>
    :host {
      display: block;
    }
  </style>
  <template>

  </template>
  <script>
    Polymer({
      is: ''
    });
  </script>
</dom-module>

প্রতিক্রিয়া স্নিপেট

মহৎ | পরমাণু

অবশেষে সেখানে প্রতিক্রিয়া ভক্তদের জন্য, আপনার জন্যও একটি প্যাকেজ রয়েছে। এই স্নিপেটগুলির সাথে উপাদানগুলি এবং সাধারণত লিখিত কোড স্ক্যাফোল্ড করুন৷

rcc (ক্লাস কম্পোনেন্ট কঙ্কাল)

var React = require('react');
var PropTypes = React.PropTypes;

var  = React.createClass({

  render: function() {
    return (
      <div />
    );
  }

});

module.exports = ;

scu (কম্পোনেন্ট আপডেট করা উচিত)

shouldComponentUpdate: function(nextProps, nextState) {

},

সাজসরঞ্জাম

this.props.

রাষ্ট্র

this.state.

MOAR প্যাকেজ

আরও অনেক প্যাকেজ রয়েছে যা বিভিন্ন ফ্রেমওয়ার্কের জন্য স্নিপেটগুলি অফার করে, তাই আপনি যদি বারবার একই কোডের টুকরো লিখতে দেখেন, তাহলে সম্ভবত কেউ একটি প্যাকেজ লিখেছে যাতে এটি অতীতের জিনিস হয়ে যায়, শুধু একটি অনুসন্ধান করুন প্যাকেজে আপনার সম্পাদকের জন্য পরিচালনা করুন ( Sublime | Atom )।