𝗦𝗵𝗶𝗽𝗽𝗶𝗻𝗴 𝟭𝟬𝘅 𝗙𝗮𝘀𝘁𝗲𝗿 𝗪𝗶𝘁𝗵 𝗢𝗻𝗲 𝗛𝗧𝗠𝗟 𝗙𝗶𝗹𝗲 ایک HTML فائل کے ساتھ 10 گنا تیزی سے کام مکمل کرنا
میں نے سادہ ٹولز کے لیے React کا استعمال چھوڑ دیا ہے۔
React برا نہیں ہے۔ میں نے ایک خاص انداز (pattern) کی وجہ سے چھوٹے پروجیکٹس کے لیے اسے استعمال کرنا چھوڑ دیا۔
میں کچھ چھوٹا سا بنانا چاہتا تھا۔ میں React کا سیٹ اپ کھولتا۔ میں ایک bundler شامل کرتا۔ میں فولڈر کے ڈھانچے (folder structures) کی منصوبہ بندی کرتا اور dependencies انسٹال کرتا۔
میں ٹول بنانے کے بجائے اس کا انفراسٹرکچر (infrastructure) تیار کرنے میں زیادہ وقت صرف کرتا تھا۔
میں نے ایک نیا اصول آزمایا۔
کوئی frameworks نہیں۔ کوئی backend نہیں۔ کوئی build tools نہیں۔ کوئی npm نہیں۔
میں صرف ایک HTML فائل استعمال کرتا ہوں۔ میں vanilla JavaScript اور inline CSS استعمال کرتا ہوں۔ جب مجھے ڈیٹا محفوظ کرنے کی ضرورت ہوتی ہے تو میں localStorage استعمال کرتا ہوں۔
نتائج نے میرے کام کرنے کے طریقے (workflow) کو بدل دیا۔
اب آئیڈیاز سیٹ اپ کے مرحلے میں نہیں پھنستے۔ میں فائل کھولتا ہوں اور کوڈنگ شروع کر دیتا ہوں۔ میں آرکیٹیکچر (architecture) کے فیصلے نہیں کرتا۔ میں dependencies کے چکروں میں نہیں پھنستا۔
اب عمل یہ ہے:
- آئیڈیا
- کوڈ
- مکمل
میں نے اس طریقے سے invoice generators بنائے ہیں۔ ہر ٹول ایک ہی فائل پر مشتمل ہے۔ یہ براؤزر میں فوری طور پر کھل جاتا ہے۔ اس میں نہ کوئی انسٹالیشن کی ضرورت ہے اور نہ ہی کوئی رکاوٹ۔
یہ تبدیلی ذہنی ہے۔
میں نے یہ پوچھنا چھوڑ دیا کہ صحیح stack کیا ہے، اور یہ پوچھنا شروع کر دیا کہ سادہ ترین حل کیا ہے۔
زیادہ تر چھوٹے ٹولز کو framework کی ضرورت نہیں ہوتی۔ انہیں بس کام کرنے کی ضرورت ہوتی ہے۔
اس طریقے کی کچھ حدود ہیں۔ آپ کو اسے real-time collaboration کے لیے استعمال نہیں کرنا چاہیے۔ زیادہ تر ذاتی ٹولز کو اس کی ضرورت نہیں ہوتی۔
میرا نیا اصول سادہ ہے: ایک فائل سے شروع کریں۔ پیچیدگی صرف تب شامل کریں جب بہت ضروری ہو۔ اسے اس لیے شامل نہ کریں کیونکہ ecosystem ایسا تقاضا کرتا ہے۔
آج ہی اسے آزمائیں۔ ایک چھوٹا سا آئیڈیا منتخب کریں۔ اسے ایک HTML فائل میں بنائیں۔ کوئی سیٹ اپ نہیں۔ کوئی بہانے نہیں۔
بس اسے لانچ کر دیں۔
Optional learning community: https://github.com/DarkenAmber/single-file-app