ڏيکاريو HN: Vertex.js - هڪ 1 ڪلو SPA فريم ورڪ

مائڪرو فريم ورڪ جو عروج: ڇو ڊولپرز رد ڪري رهيا آهن بلاڪ ٿيل جاوا اسڪرپٽ ٽولنگ

هڪ ڊولپر تازو ئي پوسٽ ڪيو هڪ واحد-صفحي واري ايپليڪيشن فريم ورڪ جو لڳ ڀڳ 1,000 لائنن ۾ ڪوڊ جي هيڪر نيوز ڏانهن، ۽ جواب برقي هو. پروجيڪٽ - هڪ minimalist SPA فريم ورڪ - هڪ بحث کي ٻيهر شروع ڪيو جيڪو سالن کان ويب ڊولپمينٽ ڪميونٽي ۾ سمايل آهي: ڇا اسان جا اوزار انهن مسئلن لاءِ تمام پيچيده ٿي ويا آهن جيڪي انهن کي حل ڪن ٿا؟ جڏهن ري ايڪٽ جي بنيادي لائبريري، ان جو روٽر، ان جي رياستي انتظام جي پرت، ۽ ان جي بلڊنگ ٽولنگ مجموعي طور تي وزن کڻندي آهي هزارين لائنن جي ڪوڊ ۾، هڪ فريم ورڪ جيڪو صرف 1,000 لائنن ۾ روٽنگ، رد عمل، ۽ جزو جي رينڊنگ کي هڪ غير آرامده سوال تي مجبور ڪري ٿو. ڪاروبار لاءِ جيڪي ڪسٽمر کي منهن ڏيڻ واريون ايپليڪيشنون ٺاهي رهيا آهن، ان سوال جا جواب حقيقي نتيجا آهن — لوڊ وقت، ڊولپر جي پيداوار، ۽ ڊگهي مدي واري سار سنڀال جي خرچن ۾.

ڇا هڪ 1,000-لائن فريم ورڪ حقيقت ۾ ثابت ٿئي ٿو

مائڪرو فريم ورڪ جو خيال نئون ناهي. Backbone.js تقريباً 1,800 لائنن جو اينوٽيٽڊ سورس ڪوڊ هو جڏهن اهو 2010 ۾ ڊيبيو ڪيو ويو. Mithril.js 10KB کان گهٽ gzipped تي موڪلي ٿو. هن درجي ۾ هر نئين داخل ٿيڻ کي ڇا بنائي ٿو قابل ذڪر لائن ڳڻپ پاڻ نه آهي پر ڇا اهو ظاهر ڪري ٿو برائوزر APIs جي موجوده حالت بابت. جديد برائوزر ٽيمپليٽ لٽريلز، تاريخ API، پراکسي تي ٻڌل ري ايڪٽيٽي، ڪسٽم عناصر، ۽ ماڊل لوڊ ڪرڻ لاءِ اصلي مدد سان موڪلين ٿا. هڪ ڏهاڪي اڳ، فريم ورڪ کي هزارين لائينن جي ضرورت هئي صرف انٽرنيٽ ايڪسپلورر ۽ ڪروم جي وچ ۾ فرق کي معمولي ڪرڻ لاء. اڄ، هڪ ماهر ڊولپر هڪ مڪمل طور تي فنڪشنل SPA فريم ورڪ ٺاهي سگهي ٿو پليٽ فارم جي بنياديات جي چوٽي تي پتلي آرڪيسٽريشن پرت جي طور تي.

اها اهميت رکي ٿي ڇو ته اها ڳالهه ٻولهه کي ”ڪهڙو فريم ورڪ چونڊڻ گهرجي؟ "ڇا اسان کي هڪ فريم ورڪ جي ضرورت آهي؟" ننڍي کان وچولي منصوبن لاءِ - متحرڪ حصن سان گڏ هڪ لينڊنگ صفحو، هڪ اندروني ڊيش بورڊ، هڪ ڪسٽمر پورٽل - جواب وڌي رهيو آهي: شايد نه، يا گهٽ ۾ گهٽ هڪ ڳرو نه. 1,000-لائن وارو فريم ورڪ ان ڳالهه جو ثبوت آهي ته پليٽ فارم ان نقطي تي پختو ٿي چڪو آهي جتي فريم ورڪ جو ڪم گهٽجي رهيو آهي.

يقيناً، فريم ورڪ جهڙوڪ React ۽ Vue اڃا تائين پنهنجو وزن ڪمائي ٿو وڏي پيماني تي ايپليڪيشنن ۾ پيچيده رياستي وڻن سان، سرور-سائيڊ رينڊرنگ جي ضرورتن، ۽ 20+ ڊولپرز جون ٽيمون جيڪي سخت ڪنوينشن مان فائدو وٺن ٿيون. اهم بصيرت اها آهي ته صحيح اوزار مڪمل طور تي مسئلي جي دائري تي منحصر آهي.

جاوا اسڪرپٽ بلوٽ جي حقيقي قيمت

گوگل جي پنهنجي تحقيق مسلسل ڏيکاريو آهي ته هر 100 ملي سيڪنڊن جو اضافو لوڊ وقت 7 سيڪڙو تائين تبادلي جي شرح گهٽائي سگهي ٿو. وچين ويب پيج هاڻي 500KB کان وڌيڪ جاوا اسڪرپٽ موڪلي ٿو - هڪ انگ جيڪو 2015 کان وٺي لڳ ڀڳ ٽي ڀيرا ٿي چڪو آهي. ڪاروبار لاءِ، هي هڪ خلاصو ڪارڪردگي ميٽرڪ ناهي. اهو سڌو سنئون گم ٿيل آمدني، اعلي اچار جي شرح، ۽ بدترين سرچ انجڻ جي درجه بندي ۾ ترجمو ڪري ٿو.

مسئلو موبائيل نيٽ ورڪن تي گڏ ٿيل آهي. 3G تي ڳنڍڻ واري مڊل رينج جي Android ڊوائيس تي استعمال ڪندڙ شايد JavaScript-heavy پيج لاءِ 5-8 سيڪنڊن جو انتظار ڪري انٽرايڪٽو ٿيڻ لاءِ، جيتوڻيڪ شروعاتي HTML جي پيش ٿيڻ کان پوءِ. اهو خاص طور تي اڀرندڙ مارڪيٽن ۾ گراهڪن جي خدمت ڪندڙ ڪاروبار لاءِ سزا جوڳو آهي، جتي موبائل-پهرين برائوزنگ معمول آهي ۽ نيٽ ورڪ انفراسٽرڪچر مختلف ٿي سگهي ٿو.

• تجزيي جو وقت: جاوا اسڪرپٽ جا وڏا بنڊل پارس ڪرڻ ۽ گڏ ڪرڻ ۾ گهڻو وقت وٺندا آهن، ايستائين جو ايپليڪيشن ڪوڊ جي هڪ قطار جي عمل کان اڳ
• ميموري پريشر: ڪمپليڪس فريم ورڪ اندروني ميموري کي استعمال ڪري ٿو جيڪا ايپليڪيشن پاران استعمال ٿي سگهي ٿي
• تازه ڪاري ٿڪ: مکيه فريم ورڪ اپ گريڊ (Angular 1 کان 2، Vue 2 to 3، React class components to hooks) هر 2-3 سالن ۾ قيمتي لڏپلاڻ جي ڪوششن کي مجبور ڪن ٿا
• انحصار جي زنجير: هڪ عام React پروجيڪٽ جي node_modules فولڊر ۾ 800-1,200 پيڪيجز شامل آهن، هر هڪ هڪ امڪاني حفاظتي نقصان يا ڀڃڪڙي تبديلي
• تعمير جي پيچيدگي: Webpack، Babel، PostCSS، ۽ انهن جون ڪنفيگريشن فائلون اڪثر ڪري ايپليڪيشن ڪوڊ کان وڌيڪ هونديون آهن جيڪي اهي پيش ڪن ٿيون

مائڪرو فريم ورڪ انهن خرچن مان گھڻا پاسو ڪن ٿا. گھٽ تجزين سان، ٽوڙڻ لاءِ گھٽ شيون آھن، آڊٽ ڪرڻ لاءِ گھٽ انحصار، ۽ برائوزر ڏانھن موڪلڻ لاءِ گھٽ بائيٽ. هڪ ڪاروبار لاءِ جنهن کي هڪ وقف فرنٽ اينڊ انفراسٽرڪچر ٽيم کان سواءِ هڪ تيز، قابل اعتماد ويب موجودگي جي ضرورت آهي، رياضي تيزي سان سادگي جي حمايت ڪري ٿي.

ڊوولپر ڪميونٽي ڇو ورهايل آهي

هيڪر نيوز بحث ننڍڙن SPA فريم ورڪ جي چوڌاري معتبر طور تي ٻه مخالف ڪئمپون ٺاهي ٿو. هڪ پاسي ڊولپرز آهن جن سال گذاريا آهن وڏن ڪوڊ بيسز ۾ جيڪي ري ايڪٽ يا اينگولر تي ٺاهيل آهن ۽ پاڻ ڏٺو آهي ته ڪيئن فريم ورڪ جي پيچيدگي وقت سان گڏ ٿيندي آهي. انهن ڪيترن ڏينهن جي ڪمن ۾ سادي خصوصيتن جي بالون کي ڏٺو آهي ڇاڪاڻ ته فريم ورڪ جي ڪنوينشن کي روٽر جي ترتيب کي ڇڪڻ جي ضرورت آهي، رياستي انتظام جي بوائلر پليٽ، ۽ ٽيسٽ هارنس جيڪي فريم ورڪ جي اندروني کي ٺٺوليون ڪن ٿا. انهن ڊولپرز لاءِ، هڪ 1,000-لائن وارو فريم ورڪ آزاديءَ جي نمائندگي ڪري ٿو - ڪوڊ جي هر لائن کي سمجهڻ لاءِ واپسي جيڪا انهن جي ايپليڪيشن ۾ هلندي آهي.

ٻئي طرف عملييت پسند آهن جيڪي نشاندهي ڪن ٿا ته فريم ورڪ موجود آهن ڇو ته حقيقي دنيا جي ايپليڪيشنن کي آخرڪار ضرورت آهي جيڪا اهي مهيا ڪن ٿا: رسائي جي افاديت، بين الاقواميائيزيشن، ڪوڊ ورهائڻ، سرور-سائيڊ رينڊرنگ، ۽ ڊولپرز جي نوڪرين جي پائپ لائن جيڪي اڳ ۾ ئي اوزار ڄاڻن ٿا. هڪ مائڪرو فريم ورڪ هفتي جي آخر ۾ پروجيڪٽ لاءِ خوشگوار ٿي سگهي ٿو، اهي بحث ڪن ٿا، پر ڪوشش ڪريو پنجن جي هڪ ٽيم کي 1,000-لائن واري ڪوڊ بيس تي شامل ڪرڻ جي بغير اسٽيڪ اوور فلو جوابن ۽ سرڪاري دستاويزن سان.

ٻنهي پاسن جا صحيح نقطا آهن، ۽ حقيقت اها آهي ته چونڊ لاڳاپيل آهي. هڪ سولو باني تعمير ڪرڻ هڪ MVP بنيادي طور تي مختلف ضرورتون آهن انٽرپرائز ٽيم جي ڀيٽ ۾ جيڪو پنج سال پراڻي ايپليڪيشن کي برقرار رکي ٿو. خطرو شروع ٿيندڙ مسئلن لاءِ انٽرپرائز حل لاڳو ڪرڻ ۾ آهي، يا انٽرپرائز چئلينجز لاءِ شروعاتي اوزار.

ڪهڙو جديد ڪاروبار اصل ۾ انهن جي ٽيڪ اسٽيڪ مان گهربل آهي

فريم ورڪ بحث آخرڪار هڪ وڏي سوال لاءِ هڪ پراڪسي آهي: ڪاروبار کي انهن جي محدود ٽيڪنيڪل وسيلن کي ڪيئن مختص ڪرڻ گهرجي؟ هر ڪلاڪ هڪ ڊولپر هڪ تعميراتي پائپ لائن کي ترتيب ڏيڻ يا نئين فريم ورڪ ورزن ڏانهن لڏپلاڻ ۾ خرچ ڪري ٿو هڪ ڪلاڪ خرچ نه ڪيو تعميراتي خاصيتون جيڪي گراهڪن جي خدمت ڪن ٿيون. ڪيترن ئي ڪاروبارن لاءِ - خاص ڪري ننڍڙا ۽ وچولي سائيز جي عملن لاءِ- مثالي ٽيڪنالاجي چونڊ اها آهي جيڪا "مون وٽ هڪ خيال آهي" ۽ "گراهڪ ان کي استعمال ڪري رهيا آهن" جي وچ ۾ خال کي گهٽائي ٿي.

بهترين ٽيڪنالاجي فيصلو جيڪو هڪ وڌندڙ ڪاروبار ڪري سگهي ٿو اهو اوزار چونڊڻ آهي جيڪي سڀاڻي جي سار سنڀال جي بوجھ پيدا ڪرڻ کان سواءِ اڄ جي مسئلن کي حل ڪن. ڇا ان جو مطلب آهي 1,000-لائن وارو فريم ورڪ يا مڪمل طور تي منظم پليٽ فارم، مقصد هڪ ئي آهي: پنهنجو وقت ان تي خرچ ڪريو جيڪو توهان جي ڪاروبار کي منفرد بڻائي ٿو، نه ته انفراسٽرڪچر تي جنهن جي هر ڪاروبار کي ضرورت آهي.

هي اصول فرنٽ ائنڊ فريم ورڪ کان اڳتي وڌي ٿو. ڪاروبار باقاعده طور تي ساڳئي پس منظر واري نظام کي ٻيهر ٺاهيندا آهن - صارف جي تصديق، ادائيگي جي پروسيسنگ، CRM، انوائسنگ، شيڊولنگ - ڇاڪاڻ ته انهن جي چونڊيل ٽيڪ اسٽيڪ ان جي گهرج آهي. پليٽ فارم جهڙوڪ Mewayz هن بار بار ڪم کي ختم ڪرڻ لاءِ بلڪل موجود آهن، 207 اڳ ۾ ٺهيل ماڊلز پيش ڪن ٿا جيڪي CRM ۽ پگهار کان وٺي بکنگ سسٽم ۽ اينالائيٽڪس تائين هر شي کي ڍڪيندا آهن. اھو ساڳيو فلسفو جيڪو ڊولپرز کي مائڪرو فريم ورڪ ڏانھن ھلائيندو آھي - گھٽ سان وڌيڪ ڪريو، غير ضروري پيچيدگي کي ختم ڪريو - ڪاروبار کي متحرڪ پليٽ فارمز ڏانھن ھلائي ٿو جيڪي ھڪڙي سسٽم سان درجن جي SaaS سبسڪرپشن کي تبديل ڪن ٿا.

The Framework Spectrum: Finding your Sweet Spot

فريم ورڪ جي چونڊ کي بائنري - ميگا فريم ورڪ يا مائڪرو فريم ورڪ سمجھڻ بجاءِ - اهو اسپيڪٽرم جي لحاظ کان سوچڻ ۾ مدد ڪري ٿو. ھڪڙي آخر ۾، توھان وٽ آھي وينلا جاوا اسڪرپٽ صفر خلاصن سان. ٻئي پاسي، توهان وٽ مڪمل-اسٽيڪ ميٽا فريم ورڪ آهن جهڙوڪ Next.js يا Nuxt جيڪي روٽنگ، رينڊرنگ، ڊيٽا آڻڻ، ۽ ڊيپلائيمينٽ کي سنڀاليندا آهن. اڪثر منصوبا وچ ۾ ڪٿي آهن.

هڪ گراهڪ کي منهن ڏيڻ واري مارڪيٽنگ سائٽ لاءِ چند انٽرايڪٽو عناصر سان، هڪ مائڪرو فريم ورڪ يا ان کان علاوه Alpine.js طرز جي ان لائن ري ايڪٽيٽي بلڪل مناسب ٿي سگهي ٿي. هڪ پيچيده SaaS ڊيش بورڊ لاءِ حقيقي وقت جي ڊيٽا سان، ڪردار تي ٻڌل اجازتون، ۽ آف لائن سپورٽ، هڪ ڀرپور ماحوليات سان گڏ هڪ پختو فريم ورڪ اوور هيڊ جي لائق آهي. غلطي سڀ کان ڳري اختيار کي ڊفالٽ ڪري رهي آهي ڇاڪاڻ ته اهو سڀ کان وڌيڪ مشهور آهي، يا سڀ کان گهٽ ۾ ڊفالٽ آهي ڇاڪاڻ ته اهو سڀ کان وڌيڪ ذهني طور تي اطمينان بخش آهي.

عملي امتحان سڌو آهي: ايندڙ 12 مهينن ۾ توهان جي درخواست جي ضرورتن جي هر خاصيت کي لسٽ ڪريو. جيڪڏهن هڪ مائڪرو فريم ورڪ انهن ضرورتن جي 90٪ تي پکڙيل آهي ۽ توهان هٿ ڪري سگهو ٿا باقي 10٪ گهٽ وقت ۾ توهان هڪ وڏي فريم ورڪ کي ترتيب ڏيڻ ۾ خرچ ڪيو، مائڪرو فريم ورڪ کٽي ٿو. جيڪڏهن توهان جي خاصيتن جي فهرست ۾ سرور-سائڊ رينڊرنگ، پيچيده فارم جي تصديق، اينيميشن آرڪيسٽريشن، ۽ گہرے رسائي جي مدد شامل آهي، وڏو فريم ورڪ شايد پاڻ لاءِ ادا ڪري ٿو.

غير ٽيڪنيڪل باني ۽ ڪاروباري آپريٽرز لاءِ سبق

جيڪڏهن توهان ڪاروبار هلائي رهيا آهيو ۽ توهان جي ٽيڪنيڪل ٽيم فريم ورڪ تي بحث ڪري رهي آهي، ته هتي اهو آهي جيڪو اصل ۾ اهم آهي. پهرين، پهرين فيچر جي وقت بابت پڇو- ٽيم تي هڪ نئون ڊولپر ڪيترو جلدي ڪري سگهي ٿو هڪ بامعني تبديلي؟ جيڪڏهن جواب ۾ ماحول جي سيٽ اپ ۽ فريم ورڪ جي سکيا جا ڏينهن شامل آهن، اهو هڪ ڊيڄاريندڙ نشاني آهي قطع نظر ته ڪهڙي فريم ورڪ کي چونڊيو ويو. ٻيو، اپ گريڊ جي رستي بابت پڇو. فريم ورڪ جيڪي ھر 18 مھينن ۾ بريڪنگ تبديليون جاري ڪن ٿا، ھڪ پوشیدہ ٽيڪس لاڳو ڪن ٿا، جيڪي گھٽ ۾ گھٽ ابتدائي تشخيص ۾ نظر اچن ٿا.

ٽيون، ۽ سڀ کان اهم، سوال اٿو ته ڇا توهان کي سوال ۾ موجود فنڪشن لاءِ ڪسٽم بلڊ سافٽ ويئر جي ضرورت آهي. ڪيترائي ڪاروبار ڊولپر وقت جي مھينن جي سيڙپڪاري ڪندا آھن اندروني اوزارن جي تعمير لاءِ - ڊيش بورڊ، CRM سسٽم، انوائسنگ فلوز، شيڊولنگ انٽرفيس - جيڪي اڳ ۾ ئي موجود آھن پالش، برقرار رکيل پروڊڪٽس. Mewayz وانگر هڪ پليٽ فارم، جيڪو 138,000 کان وڌيڪ صارفين جي خدمت ڪري ٿو ماڊلز سان گڏ ڪاروباري عملن جي مڪمل اسپيڪٽرم ۾، مڪمل طور تي معياري ڪاروباري ڪمن لاءِ ڪسٽم ڊولپمينٽ جي ضرورت کي ختم ڪري سگهي ٿو. هي توهان جي ڊولپمينٽ ٽيم کي آزاد ڪري ٿو توهان جي پروڊڪٽ جي حقيقي منفرد پهلوئن تي ڌيان ڏيڻ لاءِ - خاصيتون جيڪي ڪو به آف دي شيلف اوزار مهيا نه ڪري سگهي.

1. سچ قيمت جي حساب ڪريو: فڪر نه صرف ابتدائي ترقي ۾ پر جاري سار سنڀال، حفاظتي پيچ، ۽ خصوصيت جي درخواستن ۾

مستقبل ارادي جي چونڊ سان تعلق رکي ٿو

1,000-لائن SPA فريم ورڪ جي چوڌاري جوش حقيقت ۾ فريم ورڪ بابت نه آهي. اهو هڪ وڌندڙ تحريڪ بابت آهي سافٽ ويئر ڊولپمينٽ ۾ ارادي جي طرف - اوزار چونڊڻ ڇاڪاڻ ته اهي مسئلا مناسب آهن، نه ته اهي مارڪيٽ تي غالب آهن. جاوا اسڪرپٽ ايڪو سسٽم گذريل ڏهاڪي کي خاصيتن ۽ تجريد جي هٿيارن جي ڊوڙ ۾ گذاريو آهي. مخالف تحريڪ، جيڪا مائڪرو فريم ورڪ، سرور پاران ڏنل HTML، ۽ پليٽ فارم-مقامي APIs جي نمائندگي ڪري ٿي، عملييت جي طرف هڪ اصلاح آهي.

ڪاروبار لاءِ، هي شفٽ غير واضح طور تي مثبت آهي. ان جو مطلب وڌيڪ اختيارن، گھٽ سوئچنگ جي قيمت، ۽ هڪ ڊولپر ڪلچر آهي جيڪو نظرياتي مڪمليت تي سادگي ۽ رفتار کي وڌائي ٿو. چاهي توهان هڪ سولو انٽرپرينيوئر آهيو جيڪو ورڈپریس ۽ ڪسٽم سان ٺهيل سائيٽ جي وچ ۾ چونڊ ڪري رهيو آهي، يا هڪ CTO اهو جائزو وٺي رهيو آهي ته توهان جو ايندڙ اندروني اوزار ٺاهيو يا خريد ڪيو وڃي، ساڳيو اصول لاڳو ٿئي ٿو: بهترين ٽيڪنالاجي اها آهي جيڪا پس منظر ۾ غائب ٿي وڃي، توهان کي پنهنجي گراهڪن جي خدمت ڪرڻ تي ڌيان ڏيڻ ڏيو.

1,000-لائن وارو فريم ورڪ اسان کي ياد ڏياري ٿو ته طاقت کي پيچيدگي جي ضرورت ناهي. سڀ کان وڌيڪ اثرائتو ڪاروبار - ۽ سڀ کان وڌيڪ اثرائتو اوزار - اھي آھن جيڪي بلڪل ڪندا آھن جيڪي گھربل آھن ۽ وڌيڪ ڪجھ به نه.