உள்ளடக்கம்
- 01. கோண
- 02. எதிர்வினை
- 03. வ்யூ
- கட்டமைப்பின் தொடரியல் எவ்வாறு ஒப்பிடுகிறது?
- புகழ் மற்றும் சந்தை
- மொபைல் பயன்பாட்டு மேம்பாடு
- 2020 இல் கவனிக்க வேண்டிய பிற கட்டமைப்புகள்
- முடிவுரை
2020 ஆம் ஆண்டில், வலை அபிவிருத்திக்கு எங்களுக்கு உதவ பல கட்டமைப்புகள் மற்றும் நூலகங்களுடன் நாங்கள் ஆசீர்வதிக்கப்படுகிறோம். ஆனால் எப்போதும் இவ்வளவு வகை இல்லை. 2005 ஆம் ஆண்டில், மோச்சா என்ற புதிய ஸ்கிரிப்டிங் மொழி பிரெண்டன் ஈச் என்ற பையனால் உருவாக்கப்பட்டது. லைவ்ஸ்கிரிப்ட் என மறுபெயரிடப்பட்ட மாதங்களுக்குப் பிறகு, பெயர் மீண்டும் ஜாவாஸ்கிரிப்ட் என மாற்றப்பட்டது. அப்போதிருந்து, ஜாவாஸ்கிரிப்ட் நீண்ட தூரம் வந்துவிட்டது.
2010 ஆம் ஆண்டில், முதுகெலும்பு மற்றும் கோணத்தை முதல் ஜாவாஸ்கிரிப்ட் கட்டமைப்பாக அறிமுகப்படுத்தினோம், 2016 ஆம் ஆண்டளவில், அனைத்து வலைத்தளங்களிலும் 92 சதவீதம் ஜாவாஸ்கிரிப்ட் பயன்படுத்தப்பட்டது. இந்த கட்டுரையில், மூன்று முக்கிய ஜாவாஸ்கிரிப்ட் கட்டமைப்புகள் (கோணல், எதிர்வினை மற்றும் வ்யூ) மற்றும் அவற்றின் நிலை அடுத்த தசாப்தத்திற்கு செல்லும். உங்கள் சொந்த தளத்தை உருவாக்க விரும்புகிறீர்களா? வலைத்தள உருவாக்குநர்களின் இந்த பட்டியலை முயற்சிக்கவும்.
சில புத்திசாலித்தனமான ஆதாரங்களுக்காக, எங்கள் சிறந்த வலை வடிவமைப்பு கருவிகளின் பட்டியல், எங்கள் வலை ஹோஸ்டிங் சேவைகளின் சுற்றிவளைப்பு மற்றும் சிறந்த பயனர் சோதனை மென்பொருளின் பட்டியலையும் பாருங்கள்.
01. கோண
AngularJS 2010 இல் வெளியிடப்பட்டது, ஆனால் 2016 ஆம் ஆண்டில் இது முழுமையாக மாற்றியமைக்கப்பட்டு கோணல் 2 என வெளியிடப்பட்டது. கோணமானது கூகிள் உருவாக்கிய ஒரு முழுமையான வலை கட்டமைப்பாகும், இது விக்ஸ், அப்வொர்க், தி கார்டியன், எச்.பி.ஓ மற்றும் பலவற்றால் பயன்படுத்தப்படுகிறது.
நன்மை:
- டைப்ஸ்கிரிப்ட்டுக்கு விதிவிலக்கான ஆதரவு
- ஒரே தரவுத் தொகுப்பைப் பயன்படுத்தி ஒரே பயன்பாட்டுப் பிரிவில் வேலையைப் பிரிக்க டெவலப்பர்களுக்கு MVVM உதவுகிறது
- சிறந்த ஆவணங்கள்
பாதகம்:
- ஒரு கற்றல் வளைவு உள்ளது
- பழைய பதிப்பிலிருந்து இடம்பெயர்வது கடினம்.
- புதுப்பிப்புகள் வழக்கமாக அறிமுகப்படுத்தப்படுகின்றன, அதாவது டெவலப்பர்கள் அவற்றை மாற்றியமைக்க வேண்டும்
அடுத்தது என்ன?
கோண 9 இல், ஐவி இயல்புநிலை தொகுப்பி. செயல்திறன் மற்றும் கோப்பு அளவைச் சுற்றியுள்ள பல சிக்கல்களைத் தீர்க்க இது வைக்கப்பட்டுள்ளது. இது பயன்பாடுகளை சிறியதாகவும், வேகமாகவும் எளிமையாகவும் மாற்ற வேண்டும்.
கோணத்தின் முந்தைய பதிப்புகளை எதிர்வினை மற்றும் வ்யூவுடன் ஒப்பிடும்போது, தி
கோணத்தைப் பயன்படுத்தும் போது இறுதி மூட்டை அளவுகள் நிறைய பெரியவை. ஐவி முற்போக்கான நீரேற்றத்தையும் சாத்தியமாக்குகிறது, இது I / O 2019 இல் கோணக் குழு காட்டிய ஒன்று. முற்போக்கான நீரேற்றம் சேவையகத்திலும் கிளையண்டிலும் படிப்படியாக ஏற்ற ஐவியைப் பயன்படுத்துகிறது. எடுத்துக்காட்டாக, ஒரு பயனர் ஒரு பக்கத்துடன் தொடர்பு கொள்ளத் தொடங்கியதும், எந்த இயக்க நேரத்துடனும் கூறுகளின் குறியீடு துண்டு துண்டாகப் பெறப்படுகிறது.
ஐவி கோணலுக்கான பெரிய கவனம் செலுத்துவது போல் தெரிகிறது மற்றும் எல்லா பயன்பாடுகளுக்கும் இது கிடைக்க வேண்டும் என்பதே நம்பிக்கை. பதிப்பு 9 இல் விலகல் விருப்பம் இருக்கும், எல்லா வழிகளிலும் கோண 10 வரை இருக்கும்.
02. எதிர்வினை
ரியாக்ட் ஆரம்பத்தில் 2013 இல் பேஸ்புக்கால் வெளியிடப்பட்டது மற்றும் ஊடாடும் வலை இடைமுகங்களை உருவாக்க பயன்படுகிறது. நெட்ஃபிக்ஸ், டிராப்பாக்ஸ், பேபால் மற்றும் உபெர் ஆகியவற்றால் ஒரு சில பெயர்களைப் பயன்படுத்துகிறது.
நன்மை:
- எதிர்வினை மெய்நிகர் DOM ஐப் பயன்படுத்துகிறது, இது செயல்திறனில் நேர்மறையான தாக்கத்தை ஏற்படுத்துகிறது
- JSX எழுத எளிதானது
- புதுப்பிப்புகள் ஸ்திரத்தன்மையை சமரசம் செய்யாது
பாதகம்:
- மிகவும் சிக்கலான பயன்பாடுகளை உருவாக்க மூன்றாம் தரப்பு நூலகங்கள் தேவைப்படுவது ஒரு பெரிய பின்னடைவாகும்
- டெவலப்பர்கள் அபிவிருத்தி செய்வதற்கான சிறந்த வழியில் இருட்டில் விடப்படுகிறார்கள்
அடுத்தது என்ன?
ரியாக்ட் கான்ஃப் 2019 இல், ரியாக்ட் குழு அவர்கள் பணிபுரிந்த பல விஷயங்களைத் தொட்டது. முதலாவது தேர்ந்தெடுக்கப்பட்ட நீரேற்றம் ஆகும், இது பயனர் தொடர்பு கொள்ளும் கூறுகளுக்கு முன்னுரிமை அளிப்பதற்காக எதிர்வினை செயல்படுவதை இடைநிறுத்தும். பயனர் ஒரு குறிப்பிட்ட பகுதியுடன் தொடர்பு கொள்ளச் செல்லும்போது, அந்த பகுதி நீரேற்றம் செய்யப்படும். குறியீடு, தரவு மற்றும் படங்களை ஏற்றுவதற்கான திட்டமிடலுக்கான ரியாக்டின் அமைப்பான சஸ்பென்ஸிலும் இந்த குழு செயல்பட்டு வருகிறது. இது கூறுகளை வழங்குவதற்கு முன்பு ஏதாவது காத்திருக்க உதவுகிறது.
தேர்ந்தெடுக்கப்பட்ட நீரேற்றம் மற்றும் சஸ்பென்ஸ் இரண்டும் ஒரே நேரத்தில் பயன்முறையால் சாத்தியமாகும், இது பயனர் உள்ளீட்டிற்கு பதிலளிப்பது போன்ற அதிக முன்னுரிமையுள்ள ஒன்றில் கவனம் செலுத்துவதற்காக குறைந்த முன்னுரிமை வேலைகளின் பெரிய தொகுதிகளை உள்ளிடுவதற்கான திறனை எதிர்வினையாற்றுவதன் மூலம் பயன்பாடுகளை மேலும் பதிலளிக்க உதவுகிறது. கவனம் மற்றும் உள்ளீட்டு இடைமுகங்களை நிர்வகித்தல் ஆகிய இரண்டு குறிப்பிட்ட தலைப்புகளில் கவனம் செலுத்துவதன் மூலம், அவர்கள் பார்த்துக்கொண்டிருக்கும் மற்றொரு பகுதியாக அணுகலை குழு குறிப்பிட்டுள்ளது.
03. வ்யூ
கூகிள் முன்னாள் ஊழியரான இவான் யூ 2014 இல் வ்யூ உருவாக்கப்பட்டது. இதை சியோமி, அலிபாபா மற்றும் கிட்லாப் பயன்படுத்துகின்றன. வ்யூ ஒரு குறுகிய காலத்தில் மற்றும் ஒரு பெரிய பிராண்டின் ஆதரவு இல்லாமல் டெவலப்பர்களிடமிருந்து பிரபலத்தையும் ஆதரவையும் பெற முடிந்தது.
நன்மை:
- அளவு மிகவும் ஒளி
- தொடக்க நட்பு - கற்றுக்கொள்வது எளிது
- சிறந்த சமூகம்
பாதகம்:
- ரியாக்ட் வித் பேஸ்புக் மற்றும் கூகுள் உடன் கோணல் போன்ற ஒரு பெரிய நிறுவனத்தால் ஆதரிக்கப்படவில்லை
- உண்மையான அமைப்பு இல்லை
அடுத்தது என்ன?
வேகமான, சிறிய, அதிக பராமரிக்கக்கூடிய மற்றும் டெவலப்பர்களுக்கு சொந்தத்தை குறிவைப்பதை எளிதாக்குவதற்கான இலக்கை வ்யூ நிர்ணயித்துள்ளது (நீங்கள் பராமரிப்பதில் சிக்கல் இருந்தால், வலை ஹோஸ்டிங் சேவையை கருத்தில் கொள்ளுங்கள்). அடுத்த வெளியீடு (3.0) Q1 2020 இல் வரவிருக்கிறது, இதில் மேம்பட்ட டைப்ஸ்கிரிப்ட் ஆதரவுடன் சிறந்த செயல்திறனுக்கான மெய்நிகர் DOM மாற்றியமைக்கப்படுகிறது. காம்போசிஷன் ஏபிஐ கூடுதலாக உள்ளது, இது டெவலப்பர்களுக்கு கூறுகளை உருவாக்க மற்றும் செயல்பாட்டுக்கு பதிலாக அம்சத்தின் மூலம் அவற்றை ஒழுங்கமைக்க ஒரு புதிய வழியை வழங்குகிறது.
Vue ஐ உருவாக்குபவர்களும் சஸ்பென்ஸில் பணிபுரிவதில் மும்முரமாக உள்ளனர், இது உங்கள் கூறு ஒழுங்கமைப்பை நிறுத்திவைக்கிறது மற்றும் ஒரு நிபந்தனை நிறைவேறும் வரை குறைவடையும் கூறுகளை வழங்குகிறது.
Vue இன் புதுப்பிப்புகளுடன் கூடிய சிறந்த விஷயங்களில் ஒன்று அவை பின்தங்கிய இணக்கத்தன்மையைத் தக்கவைத்துக்கொள்வதாகும். உங்கள் பழைய Vue திட்டங்களை நீங்கள் உடைக்க அவர்கள் விரும்பவில்லை. 1.0 முதல் 2.0 வரையிலான இடம்பெயர்வுகளில் இதைக் கண்டோம், அங்கு 90 சதவீத ஏபிஐ ஒரே மாதிரியாக இருந்தது.
கட்டமைப்பின் தொடரியல் எவ்வாறு ஒப்பிடுகிறது?
மூன்று கட்டமைப்புகளும் வெளியானதிலிருந்து மாற்றங்களுக்கு ஆளாகியுள்ளன, ஆனால் புரிந்து கொள்ள வேண்டிய முக்கியமான விஷயம் தொடரியல் மற்றும் அது எவ்வாறு வேறுபடுகிறது. எளிமையான நிகழ்வு பிணைப்புக்கு வரும்போது தொடரியல் எவ்வாறு ஒப்பிடுகிறது என்பதைப் பார்ப்போம்:
வ்யூ: தி v-on Vue நிகழ்வுகளில் முறைகளைத் தூண்டும் நிகழ்வு கேட்பவர்களை இணைக்க உத்தரவு பயன்படுத்தப்படுகிறது. வழிமுறைகள் முன்னொட்டு v- அவை Vue ஆல் வழங்கப்பட்ட சிறப்பு பண்புக்கூறுகள் என்பதைக் குறிக்க மற்றும் காண்பிக்கப்பட்ட DOM க்கு சிறப்பு எதிர்வினை நடத்தை பயன்படுத்துகின்றன. நிகழ்வு கையாளுபவர்களை இன்லைன் அல்லது முறையின் பெயராக வழங்கலாம்.
வார்ப்புரு> பொத்தான் வி-ஆன்: கிளிக் = ”கிளிக்ஹான்ட்லர்”> என்னைக் கிளிக் செய்க / பொத்தான்> / வார்ப்புரு> ஸ்கிரிப்ட்> ஏற்றுமதி இயல்புநிலை {பெயர்: “ஹலோவேர்ல்ட்”, முறைகள்: {clickHandler: function () {console.log (“நான் கிளிக் செய்யப்பட்டேன்! ”); }}}; / ஸ்கிரிப்ட்>
எதிர்வினை: ரியாக்ட் JS மற்றும் JSX இல் மார்க் அப் மற்றும் தர்க்கத்தை வைக்கிறது, இது ஜாவாஸ்கிரிப்ட்டின் தொடரியல் நீட்டிப்பு. JSX உடன், செயல்பாடு நிகழ்வு கையாளுபவராக அனுப்பப்படுகிறது. எதிர்வினை கூறுகளுடன் நிகழ்வுகளைக் கையாள்வது DOM உறுப்புகளில் நிகழ்வுகளைக் கையாளுவதற்கு மிகவும் ஒத்ததாகும். ஆனால் சில தொடரியல் வேறுபாடுகள் உள்ளன; உதாரணமாக, சிறிய நிகழ்வுகளை விட ஒட்டக வழக்கைப் பயன்படுத்தி எதிர்வினை நிகழ்வுகள் பெயரிடப்பட்டுள்ளன.
செயல்பாடு பொத்தான் () {செயல்பாடு கிளிக்ஹான்ட்லர் (இ) {console.log (“நான் கிளிக் செய்யப்பட்டேன்”); } திரும்ப பொத்தானை onClick = {clickHandler}> என்னைக் கிளிக் செய்க! / பொத்தான்>; }
கோண: நிகழ்வு பிணைப்பு தொடரியல் ஒரு சம அடையாளத்தின் இடதுபுறத்தில் அடைப்புக்குறிக்குள் ஒரு இலக்கு நிகழ்வு பெயரையும் வலதுபுறத்தில் மேற்கோள் காட்டப்பட்ட வார்ப்புரு அறிக்கையையும் கொண்டுள்ளது. மாற்றாக, நீங்கள் பயன்படுத்தலாம் on- முன்னொட்டு, நியமன வடிவம் என அழைக்கப்படுகிறது.
On கூறு ({தேர்வாளர்: “பயன்பாட்டு-கிளிக்-என்னை”, வார்ப்புரு: `பொத்தான் (கிளிக்) =” onClickMe () ”> என்னைக் கிளிக் செய்க! / பொத்தான்>`}) ஏற்றுமதி வகுப்பு ClickMeComponent {onClickMe () {console.log (“ நீங்கள் என்னைக் கிளிக் செய்தீர்கள்! ”); }}
புகழ் மற்றும் சந்தை
W3Techs இன் புள்ளிவிவரங்களை ஆராய்வதன் மூலம் மீதமுள்ள வலையைப் பற்றிய மூன்று கட்டமைப்பின் ஒட்டுமொத்த படத்தைப் பார்ப்பதன் மூலம் ஆரம்பிக்கலாம். கோணல் தற்போது அனைத்து வலைத்தளங்களிலும் 0.4 சதவீதத்தால் பயன்படுத்தப்படுகிறது, ஜாவாஸ்கிரிப்ட் நூலக சந்தை பங்கு 0.5 சதவீதமாகும். எதிர்வினை அனைத்து வலைத்தளங்களிலும் 0.3 சதவிகிதம் மற்றும் 0.4 சதவிகித ஜாவாஸ்கிரிப்ட் நூலக சந்தைப் பங்கால் பயன்படுத்தப்படுகிறது மற்றும் வ்யூ இரண்டிற்கும் 0.3 சதவிகிதம் உள்ளது. இது மிகவும் சமமாகத் தெரிகிறது மற்றும் எண்கள் அதிகரிப்பதை நீங்கள் எதிர்பார்க்கலாம்.
Google போக்குகள்: கடந்த 12 மாதங்களில், தேடல் சொற்களில் ரியாக்ட் மிகவும் பிரபலமானது, அதைத் தொடர்ந்து கோணமும் உள்ளது. Vue.js பின்னால் ஒரு வழி; இருப்பினும், நினைவில் கொள்ள வேண்டிய ஒரு விஷயம் என்னவென்றால், மற்ற இரண்டோடு ஒப்பிடும்போது வ்யூ இன்னும் இளமையாக இருக்கிறார்.
வேலை தேடல்கள்: எழுதும் நேரத்தில், ரியாக் வித் வ்யூவில் வேலை பட்டியல்களின் அடிப்படையில் ரியாக்ட் மற்றும் கோணல் மிகவும் நெருக்கமாக பொருந்துகின்றன. இருப்பினும், சென்டர் இல், வ்யூ டெவலப்பர்களுக்கு அதிக தேவை இருப்பதாக தெரிகிறது.
அடுக்கு வழிதல்: 2019 ஆம் ஆண்டிற்கான ஸ்டாக் ஓவர்ஃப்ளோ டெவலப்பர் சர்வே முடிவுகளைப் பார்த்தால், ரியாக்ட் மற்றும் Vue.js இரண்டும் மிகவும் விரும்பப்படும் மற்றும் விரும்பிய வலை கட்டமைப்பாகும். கோணமானது மிகவும் விரும்பப்பட்டவருக்கு ஒன்பதாவது இடத்தில் அமர்ந்திருக்கிறது, ஆனால் மூன்றாவது மிகவும் விரும்பப்பட்டது.
கிட்ஹப்: Vue இல் 153k உடன் அதிக எண்ணிக்கையிலான நட்சத்திரங்கள் உள்ளன, ஆனால் இது குறைந்த எண்ணிக்கையிலான பங்களிப்பாளர்களைக் கொண்டுள்ளது (283). மறுபுறம் எதிர்வினை 140 கே நட்சத்திரங்களும் 1,341 பங்களிப்பாளர்களும் உள்ளனர். கோணத்தில் 59.6 கி நட்சத்திரங்கள் மட்டுமே உள்ளன, ஆனால் மூன்றில் 1,579 உடன் அதிக பங்களிப்பாளர்களைக் கொண்டுள்ளது.
NPM போக்குகள்: மேலே உள்ள படம் கடந்த 12 மாதங்களுக்கான புள்ளிவிவரங்களைக் காட்டுகிறது, அங்கு கோண மற்றும் வ்யூவுடன் ஒப்பிடும்போது ரியாக்ட் மாதத்திற்கு அதிக எண்ணிக்கையிலான பதிவிறக்கங்களைக் கொண்டுள்ளது.
மொபைல் பயன்பாட்டு மேம்பாடு
பெரிய மூன்றிற்கான ஒரு முக்கிய கவனம் மொபைல் வரிசைப்படுத்தல் ஆகும். ரியாக்ட் ரியாக்ட் நேட்டிவ் உள்ளது, இது iOS மற்றும் Android பயன்பாடுகளை உருவாக்குவதற்கான பிரபலமான தேர்வாக மாறியுள்ளது, இது ரியாக் பயனர்களுக்கு மட்டுமல்ல, பரந்த பயன்பாட்டு மேம்பாட்டு சமூகத்திற்கும் கூட. கோண டெவலப்பர்கள் சொந்த பயன்பாடுகளுக்கு நேட்டிவ்ஸ்கிரிப்ட் அல்லது கலப்பின மொபைல் பயன்பாடுகளுக்கு அயோனிக் பயன்படுத்தலாம், அதேசமயம் வ்யூ டெவலப்பர்களுக்கு நேட்டிவ்ஸ்கிரிப்ட் அல்லது வ்யூ நேட்டிவ் தேர்வு உள்ளது. மொபைல் பயன்பாடுகளின் புகழ் காரணமாக, இது முதலீட்டின் முக்கிய பகுதியாக உள்ளது.
2020 இல் கவனிக்க வேண்டிய பிற கட்டமைப்புகள்
2020 இல் நீங்கள் புதிதாக ஒன்றை முயற்சிக்க விரும்பினால், இந்த ஜாவாஸ்கிரிப்ட் கட்டமைப்பைப் பாருங்கள்.
எம்பர்: எம்.வி.வி.எம் வடிவத்தின் அடிப்படையில் செயல்படும் வலை பயன்பாடுகளை உருவாக்குவதற்கான திறந்த மூல கட்டமைப்பு. இது மைக்ரோசாப்ட், நெட்ஃபிக்ஸ் மற்றும் லிங்க்ட்இன் போன்ற பல பெரிய நிறுவனங்களால் பயன்படுத்தப்படுகிறது.
விண்கல்: நவீன வலை மற்றும் மொபைல் பயன்பாடுகளை உருவாக்குவதற்கான முழு அடுக்கு ஜாவாஸ்கிரிப்ட் தளம். கற்றுக்கொள்வது எளிது மற்றும் மிகவும் ஆதரவான சமூகத்தைக் கொண்டுள்ளது.
முடிவுரை
மூன்று கட்டமைப்புகளும் தொடர்ந்து மேம்பட்டு வருகின்றன, இது ஒரு ஊக்கமளிக்கும் அறிகுறியாகும். ஒவ்வொருவருக்கும் தங்களது சொந்த முன்னோக்கு மற்றும் அவர்கள் விரும்பும் ஒன்றைப் பற்றி விருப்பமான தீர்வு உள்ளது, ஆனால் அது உண்மையில் திட்டத்தின் அளவிற்குக் கீழே வருகிறது, மேலும் இது உங்களுக்கு மிகவும் வசதியாக இருக்கும்.
மிக முக்கியமான அம்சம் அவர்களின் சமூகங்களின் தொடர்ச்சியான ஆதரவு, எனவே நீங்கள் ஒரு புதிய திட்டத்தைத் தொடங்க திட்டமிட்டுள்ளீர்கள், இதற்கு முன்னர் இந்த மூன்றில் ஒன்றையும் பயன்படுத்தவில்லை என்றால், நீங்கள் அவர்கள் அனைவருடனும் பாதுகாப்பான கைகளில் இருப்பதாக நான் நம்புகிறேன். மூன்று கட்டமைப்புகளில் ஏதேனும் ஒன்றைக் கற்றுக்கொள்ள உங்களுக்கு இன்னும் வாய்ப்பு கிடைக்கவில்லை என்றால், கற்றலைத் தொடங்க உங்கள் புத்தாண்டு தீர்மானமாக மாற்ற பரிந்துரைக்கிறேன். எதிர்காலம் இந்த மூன்றைச் சுற்றும்.
இந்த உள்ளடக்கம் முதலில் நிகர இதழில் தோன்றியது.