நான் jQuery ஐ அகற்ற கிளாட் குறியீட்டைக் கேட்டேன். இது மோசமாக தோல்வியடைந்தது

ஒரு மரபுக் கோட்பேஸிலிருந்து jQueryயை அகற்றுவது காகிதத்தில் எளிமையாகத் தெரிகிறது - இது நடைமுறையில், ஒரு டெவலப்பர் முயற்சி செய்யக்கூடிய மிகவும் ஏமாற்றும் துரோகமான ரீஃபாக்டர்களில் ஒன்றாகும். வெண்ணிலா ஜாவாஸ்கிரிப்ட்டுக்கு சுத்தமான இடம்பெயர்வை எதிர்பார்த்து, AI குறியீட்டு உதவியாளரான கிளாட் கோடிடம் பணியை ஒப்படைத்தேன், அதைத் தொடர்ந்து உடைந்த நிகழ்வு கையாளுபவர்கள், காணாமல் போன AJAX சுருக்கங்கள் மற்றும் ஆழமாக உள்ளமைக்கப்பட்ட செருகுநிரல் சார்புகள் ஆகியவை திட்டப்பணியை மண்டியிட்டன.

ஏன் jQuery ஐ அகற்றுவது நல்ல யோசனையாக இருந்தது?

சுருதி கட்டாயமானது: நவீன உலாவிகள் 2009 இல் jQuery இன் இன்றியமையாததாக மாற்றிய பொருந்தக்கூடிய இடைவெளியை மூடிவிட்டன. வெண்ணிலா ஜாவாஸ்கிரிப்ட் இப்போது DOM கையாளுதல், கோரிக்கைகளைப் பெறுதல் மற்றும் நிகழ்வுப் பிரதிநிதித்துவத்தை இயல்பாகவே கையாளுகிறது. jQuery ஐ அகற்றுவது ஒரு மூட்டையில் இருந்து 87KB ஷேவ் செய்கிறது (மினிஃபைட் + ஜிஜிப்ட்), லைட்ஹவுஸ் ஸ்கோரை மேம்படுத்துகிறது, மேலும் குறைந்து வரும் பராமரிப்பு கவனத்தைப் பெறும் சார்புநிலையை நீக்குகிறது.

எங்கள் கோட்பேஸ் நடுத்தர அளவிலான SaaS டாஷ்போர்டாக இருந்தது, இது சுமார் 140,000 ஜாவாஸ்கிரிப்ட் வரிகளைக் கொண்டது, இது ஆறு வருடங்களாக திரட்டப்பட்டது. jQuery எல்லா இடங்களிலும் இருந்தது - பயன்பாட்டு செயல்பாடுகளில் மட்டுமல்ல, மூன்றாம் தரப்பு செருகுநிரல்கள், மரபு படிவ சரிபார்ப்பு மற்றும் சில சர்வர்-ரெண்டர் செய்யப்பட்ட டெம்ப்ளேட் பகுதிகள் ஆகியவற்றில் பிணைக்கப்பட்டுள்ளது. மறுசீரமைப்பு பரப்பளவு மிகப்பெரியது, மேலும் AI கருவி காலை உணவாக அதை சாப்பிடும் என்று நான் அப்பாவியாக கருதினேன்.

கிளாட் கோட் அதைச் செய்ய முயன்றபோது உண்மையில் என்ன நடந்தது?

முதல் பாஸ் ஊக்கமளிப்பதாக இருந்தது. கிளாட் குறியீடு $(document).ready() அழைப்புகளை சரியாகக் கண்டறிந்து, அவற்றை DOMContentLoaded கேட்பவர்களுடன் மாற்றியது. எளிய $.ajax() அழைப்புகள் சுத்தமாக fetch() ஆக மாற்றப்பட்டது. குறைந்த தொங்கும் பழத்திற்கு, AI வியக்கத்தக்க வகையில் செயல்பட்டது.

பின்னர் செருகுநிரல்கள் வந்தன. எங்கள் கோட்பேஸ் Select2, DataTables மற்றும் தனிப்பயன் தேதி-வரம்பு தேர்வி - அனைத்தும் jQuery சார்ந்தது. கிளாட் கோட் அவற்றை நவீன மாற்றுகளுடன் மாற்ற பரிந்துரைத்தது, இது தனிமைப்படுத்தப்பட்ட சரியான ஆலோசனையாகும், ஆனால் அது சிற்றலை விளைவுகளை கணக்கில் எடுத்துக்கொள்ளவில்லை. Choices.js க்கான Select2 ஐ மாற்றுவது துவக்க API, நிகழ்வு பெயர்கள் மற்றும் தரவு பிணைப்பு ஒப்பந்தத்தை மாற்றியது. கிளாட் கோட் இறக்குமதியை மாற்றியமைத்து, 23 கூறுகளில் உடைந்த குறிப்புகளைத் தொடாமல் விட்டுவிட்டு நகர்ந்தது.

மோசமாக, AI ஆனது மறைமுகமான jQuery பயன்பாட்டுடன் போராடியது - வெண்ணிலா JS தொழில்நுட்ப ரீதியாக எழுதப்பட்ட இடங்கள் ஆனால் $.extend() அல்லது $.isPlainObject() போன்ற jQuery பயன்பாட்டு செயல்பாடுகள் மூலம் முடிவுகளை அனுப்பியது. அதன் பகுப்பாய்வு பாஸின் போது இது முற்றிலும் தவறிவிட்டது.

"AI குறியீட்டு கருவிகள் முறை மாற்றியமைப்பதில் சிறந்து விளங்குகின்றன. அவை அமைப்பு சார்ந்த சார்பு மேப்பிங்குடன் போராடுகின்றன - ஒரு நூலகம் எங்கு அழைக்கப்படுகிறது என்பதை மட்டும் புரிந்து கொள்ளாமல், ஒரு கோட்பேஸ் முழுவதும் அது மறைமுகமாக என்ன ஒப்பந்தங்களைச் செயல்படுத்துகிறது என்பதைப் புரிந்துகொள்கிறது."

jQuery-to-Vanila இடம்பெயர்வின் உண்மையான சவால்கள் என்ன?

மனித அல்லது AI - எந்த ஒரு கருவியும் முறையான தயாரிப்பு இல்லாமல் ஒதுங்க முடியாத கட்டமைப்பு சிக்கல்களை தோல்வி வெளிப்படுத்தியது:

• மறைக்கப்பட்ட செருகுநிரல் ஒப்பந்தங்கள்: jQuery செருகுநிரல்கள் jQuery இன் உள் நிகழ்வு அமைப்பை ($.fn நீட்டிப்புகள், பிரதிநிதித்துவ நிகழ்வுகள்) சார்ந்துள்ளது. ஹோஸ்ட் லைப்ரரியை மாற்றுவது அனைத்து செருகுநிரல்களையும் ஒரே நேரத்தில் செல்லாததாக்குகிறது, மேலும் அதிகரிக்காது.
• AJAX பிழை கையாளுதல் வேறுபாடுகள்: jQuery இன் $.ajax() ஒரு இயல்பாக்கப்பட்ட பொருளில் பிழைகளை மறைக்கிறது. ஃபெட்ச் ஏபிஐ நெட்வொர்க் தோல்வியை எறிகிறது, ஆனால் 4xx/5xx பதில்களில் தீர்க்கிறது — இது இருக்கும் ஒவ்வொரு பிழை கையாளுதலையும் உடைக்கும் ஒரு நடத்தை தலைகீழ்.
• அனிமேஷன் சுருக்கங்கள்: $.animate(), .fadeIn(), மற்றும் .slideUp() க்கு நேரடி வெண்ணிலா சமமானவை இல்லை; CSS மாற்றங்களுக்கு JavaScript இடமாற்றங்கள் மட்டுமின்றி, கட்டமைப்பு மார்க்அப் மாற்றங்கள் தேவை.
• செலக்டர் எஞ்சின் வேறுபாடுகள்: jQuery's Sizzle இன்ஜின் :visible மற்றும் :has() போன்ற போலி-தேர்வுகளை ஆதரிக்கிறது, இது querySelectorAll() இயல்பாகக் கையாளாது.
• உலகளாவிய நிலை அனுமானங்கள்: மரபுக் குறியீடு பெரும்பாலும் jQuery பொருளை மாற்றியமைக்கிறது அல்லது செருகுநிரல் வரிசைப்படுத்துதலை நம்பியுள்ளது — நிலையான பகுப்பாய்விற்கு கண்ணுக்கு தெரியாத அனுமானங்கள்.

கிளாட் கோட் தேவையான மாற்றங்களில் சுமார் 60% சரியாக அடையாளம் கண்டுள்ளது. மீதமுள்ள 40% பேருக்கு தொடரியல் மட்டுமல்ல, நடத்தை ஒப்பந்தங்களையும் புரிந்து கொள்ளும் மனித மேம்பாட்டாளர் தேவை.

டெவலப்பர்கள் உண்மையில் இந்த இடம்பெயர்வை எவ்வாறு அணுக வேண்டும்?

சரியான மூலோபாயம் அதிகரிக்கும் மற்றும் எல்லை சார்ந்தது, மொத்த விற்பனை அல்ல. ஒரே பாஸில் jQuery ஐ அகற்றுவதற்குப் பதிலாக, அனுபவம் வாய்ந்த குழுக்கள் சகவாழ்வு அணுகுமுறையைப் பயன்படுத்துகின்றன: புதிய அம்சக் குறியீடு வெண்ணிலா JS இல் எழுதப்பட்டிருக்கும் போது, ​​மரபு தொகுதிகளுக்கு மட்டும் jQueryயை ஏற்றவும். இது ஒரு சுருங்கும் தீவு மாதிரியை உருவாக்குகிறது — jQuery இன் தடம், பிக்-பேங் ரிரைட் இல்லாமல் வெளியீட்டின் மூலம் வெளியீட்டைக் குறைக்கிறது.

தானியங்கி கருவிகள் இயந்திர மாற்று அடுக்குக்கு உதவலாம், ஆனால் முதலில் மனிதனால் எழுதப்பட்ட இடம்பெயர்வு சோதனைகள் தேவைப்படும். தற்போதைய நடத்தையைப் பிடிக்கும் ஒருங்கிணைப்பு சோதனைகளை எழுதவும், AI இன் வெளியீட்டிற்கு எதிராக அவற்றை இயக்கவும் மற்றும் தோல்விகளை உண்மையான இடம்பெயர்வு பின்னிணைப்பாகக் கருதவும். AI ஆனது முதல் வரைவு ஜெனரேட்டராக மாறுகிறது, நம்பகமான ஃபினிஷராக அல்ல.

சிக்கலான தொழில்நுட்ப அடுக்குகளை நிர்வகிக்கும் வணிகங்களுக்கு இது என்ன அர்த்தம்?

jQuery saga என்பது ஒரு பெரிய சவாலின் நுண்ணிய வடிவமாகும்: தொழில்நுட்ப முடிவுகளை அளவில் நிர்வகிப்பதற்கு அமைப்புகள் தேவை, வீரம் அல்ல. வளர்ந்து வரும் வணிகங்களுக்கு, மரபு சார்புகளின் மறைக்கப்பட்ட விலையானது, ஒரு மறுபரிசீலனை இருத்தலியல் ஆகும் வரை அமைதியாகக் கூட்டும்.

138,000க்கும் மேற்பட்ட பயனர்களால் பயன்படுத்தப்படும் 207-தொகுதி வணிக இயக்க முறைமையான Mewayz போன்ற இயங்குதளங்கள் முதல் நாளிலிருந்தே மாடுலர், பராமரிக்கக்கூடிய கட்டமைப்புடன் வடிவமைக்கப்படுவதன் ஒரு பகுதியாகும். உங்கள் செயல்பாட்டு அடுக்கு, டக்ட்-டேப் செய்யப்பட்ட மரபுக் குறியீட்டைக் காட்டிலும் சுத்தமான சுருக்கங்களில் கட்டமைக்கப்படும்போது, ​​மேம்படுத்துதல் மற்றும் மீண்டும் மீண்டும் செய்வதற்கான செலவு வியத்தகு அளவில் குறைகிறது. Mewayz, CRM மற்றும் e-commerce முதல் லிங்க்-இன்-பயோ கருவிகள் மற்றும் குழு பணியிடங்கள் வரை அனைத்தையும் கையாளுகிறது, இது $19/மாதம் தொடங்கி, துல்லியமாக அடிப்படை கட்டிடக்கலை அளவிட திட்டமிடப்பட்டது - உண்மைக்குப் பிறகு வெறித்தனமாக மறுசீரமைக்கப்படவில்லை.

அடிக்கடி கேட்கப்படும் கேள்விகள்

கிளாட் கோட் போன்ற AI கருவிகள் ஒரு பெரிய கோட்பேஸிலிருந்து jQuery ஐ நம்பத்தகுந்த வகையில் அகற்ற முடியுமா?

ஓரளவு. AI கருவிகள் தொடரியல் மாற்றீடுகளில் சிறப்பாகச் செயல்படுகின்றன - $.ajax() ஐ fetch() ஆக மாற்றுகிறது, $(selector) ஐ document.querySelector() உடன் மாற்றுகிறது - ஆனால் அவை நடத்தை, முரண்பாடுகள் மற்றும் முரண்பாடுகள் ஆகியவற்றைப் பொறுத்தது. குறிப்பாக மூன்றாம் தரப்பு jQuery செருகுநிரல்களைக் கொண்ட கோட்பேஸ்களுக்கு மனித மதிப்பாய்வு அவசியம்.

2026 இல் jQuery அகற்றுவது மதிப்புக்குரியதா?

புதிய திட்டங்களுக்கு, முற்றிலும் — jQuery ஐச் சேர்க்க எந்த நவீன காரணமும் இல்லை. மரபுத் திட்டங்களுக்கு, ROI ஆனது கோட்பேஸ் அளவு, செருகுநிரல் சார்பு மற்றும் குழு திறன் ஆகியவற்றைப் பொறுத்தது. இரண்டு jQuery பயன்பாடுகளைக் கொண்ட 10KB பக்கம் எளிதான வெற்றியாகும். ஆறு jQuery செருகுநிரல்களைக் கொண்ட 500-கூறு SaaS டேஷ்போர்டு என்பது பல ஸ்பிரிண்ட் முதலீடாகும், இது தொடங்கும் முன் கவனமாக செலவு-பயன் பகுப்பாய்வு தேவைப்படுகிறது.

இன்று jQuery இடம்பெயர்வைத் தொடங்க பாதுகாப்பான வழி எது?

தற்போதைய நடத்தையை ஆவணப்படுத்தும் ஒருங்கிணைப்புச் சோதனைகளுடன் தொடங்கவும், பின்னர் சுருங்கி வரும் தீவு மாதிரியைப் பின்பற்றவும்: அனைத்து புதிய குறியீட்டிலும் வெண்ணிலா JS ஐ கட்டாயமாக்கும் போது மரபு தொகுதிகளில் jQuery இறக்குமதிகளை முடக்கவும். எல்லையைச் செயல்படுத்த ESLint விதிகளைப் பயன்படுத்தவும். காலப்போக்கில், அதிக ஆபத்துள்ள மறுசீரமைப்பு மூலம் ஒரே நேரத்தில் அம்சங்கள் மாற்றியமைக்கப்படாமல், பாரம்பரிய தீவு இயற்கையாகவே சுருங்குகிறது.

தொழில்நுட்பக் கடன் உண்மையானது, ரீஃபாக்டர்கள் கடினமானது, மேலும் சிறந்த AI கருவிகள் கூட மந்திரக்கோல் அல்ல. ஆனால் நிலையாக வளரும் வணிகங்கள், இந்த வகையான கூட்டு குழப்பத்தை குறைக்கும் தளங்கள் மற்றும் கட்டிடக்கலைகளில் முதலீடு செய்கின்றன. நீங்கள் ஒரு பிசினஸை உருவாக்கினாலோ அல்லது அளவிடுவதாலோ, வருத்தப்படுவதற்குப் பதிலாக நீடித்து நிலைத்திருக்கக் கூடிய கருவிகளை விரும்பினால், Mwayzஐ ஆராயுங்கள் — 207 தொகுதிகள், ஒரு சுத்தமான தளம், $19/மாதம் தொடங்குகிறது.