सामग्री
- 01. टोकदार
- 02. प्रतिक्रिया
- 03. व्ह्यू
- फ्रेमवर्कच्या सिंटॅक्सची तुलना कशी होते?
- लोकप्रियता आणि बाजारपेठ
- मोबाइल अॅप विकास
- 2020 मध्ये शोधण्यासाठी इतर फ्रेमवर्क
- निष्कर्ष
2020 मध्ये, आम्हाला वेब विकासात मदत करण्यासाठी आम्हाला अनेक फ्रेमवर्क आणि लायब्ररी दिल्या आहेत. परंतु नेहमीच इतके प्रकार नसतात. 2005 मध्ये, मोचा नावाची एक नवीन स्क्रिप्टिंग भाषा ब्रेंडन आयच नावाच्या व्यक्तीने तयार केली होती. लाइव्हस्क्रिप्टचे नाव बदलल्यानंतर अनेक महिन्यांनंतर हे नाव पुन्हा जावास्क्रिप्टवर बदलण्यात आले. तेव्हापासून, जावास्क्रिप्टने बरेच पुढे केले आहे.
२०१० मध्ये आम्ही पहिला जावास्क्रिप्ट फ्रेमवर्क म्हणून बॅकबोन आणि अँगुलरचा परिचय पाहिला आणि २०१ by पर्यंत जावास्क्रिप्टचा वापर केलेल्या सर्व वेबसाइटपैकी of २ टक्के वेबसाइट झाली. या लेखात, आम्ही जावास्क्रिप्टच्या मुख्य तीन फ्रेमवर्क (अँगुलर, रिएक्ट आणि व्ह्यू) आणि पुढील दशकात त्यांची स्थिती जाणून घेणार आहोत. आपली स्वतःची साइट बनवू इच्छिता? वेबसाइट बिल्डर्सची ही सूची वापरून पहा.
काही तल्लख स्त्रोतांसाठी, आमच्या शीर्ष वेब डिझाइन साधनांची यादी, आमच्या वेब होस्टिंग सेवांची राउंडअप आणि उत्कृष्ट वापरकर्त्याच्या चाचणी सॉफ्टवेअरची देखील सूची पहा.
01. टोकदार
एंग्युलरजेएस २०१० मध्ये रिलीज झाले होते परंतु २०१ by पर्यंत ते पूर्णपणे पुन्हा लिहिले गेले आणि एंग्युलर २ म्हणून सोडले गेले. एंग्युलर ही Google ने विकसित केलेली एक पूर्ण विकसित वेब फ्रेमवर्क आहे, जी विक्स, अपवर्क, द गार्डियन, एचबीओ आणि बरेच काही वापरते.
साधक:
- टाइपस्क्रिप्टसाठी अपवादात्मक समर्थन
- एमव्हीव्हीएम डेव्हलपरना समान डेटाचा वापर करून समान अॅप विभागात स्वतंत्रपणे कार्य करण्यास सक्षम करते
- उत्कृष्ट दस्तऐवजीकरण
बाधक:
- थोडीशी शिक्षण वक्र आहे
- जुन्या आवृत्तीतून स्थलांतर करणे कठिण असू शकते.
- अद्यतने नियमितपणे सादर केली जातात म्हणजे विकासकांना त्यांच्याशी जुळवून घेण्याची आवश्यकता असते
पुढे काय?
अँगुलर 9 मध्ये, आयव्ही हे डीफॉल्ट कंपाईलर आहे. कार्यप्रदर्शन आणि फाइल आकारावरील बर्‍याच समस्यांचे निराकरण करण्यासाठी हे ठेवले आहे. हे अनुप्रयोग लहान, वेगवान आणि सोपे बनवावे.
जेव्हा आपण अँगुलर टू रिएक्ट अँड व्यू च्या मागील आवृत्त्यांची तुलना करता तेव्हा
अँगुलर वापरताना अंतिम बंडलचे आकार बरेच मोठे होते. आयव्ही ने प्रोग्रेसिव्ह हायड्रेशन देखील शक्य केले, जे एंग्युलर संघाने I / O 2019 मध्ये दाखवले. प्रोग्रेसिव्ह हायड्रेशन सर्व्हर आणि क्लायंटवर क्रमाने लोड करण्यासाठी आयव्हीचा वापर करते. उदाहरणार्थ, एकदा वापरकर्त्याने पृष्ठाशी संवाद साधण्यास प्रारंभ केला की कोणत्याही रनटाइमसह घटकांचा कोड तुकड्याने तुकडा आणला जातो.
आयव्हीला असे दिसते की एंग्युलरसाठी पुढे जाणारे मोठे लक्ष आहे आणि सर्व अ‍ॅप्ससाठी ती उपलब्ध करुन देण्याची आशा आहे. व्हर्जन 9 मध्ये ऑप्ट-आउट पर्याय असेल, संपूर्ण कोनात 10 पर्यंत.
02. प्रतिक्रिया
प्रतिक्रिया सुरुवातीला फेसबुकने २०१ 2013 मध्ये प्रसिद्ध केली होती आणि इंटरएक्टिव वेब इंटरफेस तयार करण्यासाठी वापरली जाते. नेटफ्लिक्स, ड्रॉपबॉक्स, पेपल आणि उबरद्वारे काहींची नावे वापरली जातात.
साधक:
- प्रतिक्रिया व्हर्च्युअल डीओएम वापरते, ज्याचा कार्यक्षमतेवर सकारात्मक प्रभाव पडतो
- जेएसएक्स लिहिणे सोपे आहे
- अद्यतने स्थिरतेशी तडजोड करीत नाहीत
बाधक:
- मुख्य अडचणींपैकी एक अधिक जटिल अॅप्स तयार करण्यासाठी तृतीय-पक्षाच्या लायब्ररीची आवश्यकता आहे
- विकसकांना विकासाच्या सर्वोत्तम मार्गावर अंधारात सोडले जाते
पुढे काय?
रिअॅक्ट कॉन्फ 2019 मध्ये, प्रतिक्रिया कार्यसंघाने त्यांच्यावर काम करत असलेल्या बर्‍याच गोष्टींवर स्पर्श केला. प्रथम सिलेक्टिव हायड्रेशन आहे, जिथं वापरकर्त्याशी संवाद साधत असलेल्या घटकांना प्राधान्य देण्यासाठी रिअॅक्ट ज्यावर कार्य करत आहे त्यास विराम देईल. जेव्हा वापरकर्ता एखाद्या विशिष्ट विभागात संवाद साधत जाईल, तेव्हा ते क्षेत्र हायड्रेट होईल. कार्यसंघ, सस्पेन्स वर देखील काम करत आहे, जो कोड, डेटा आणि प्रतिमा लोड करण्याच्या उद्देशाने रिएक्टची प्रणाली आहे. हे घटक प्रस्तुत करण्यापूर्वी काहीतरी प्रतीक्षा करण्यास सक्षम करते.
निवडक हायड्रेशन आणि सस्पेन्स दोन्ही समकालीन मोडद्वारे शक्य केले गेले आहे, जे अ‍ॅप्सला अधिक प्राधान्य असलेल्या मोठ्या गोष्टींमध्ये प्रवेश करण्याच्या क्षमतेची प्रतिक्रिया देऊन अधिक प्रतिसाद देण्यास सक्षम करते, जसे की वापरकर्त्याच्या इनपुटला प्रतिसाद देणे. कार्यसंघ व्यवस्थापित करणे आणि इनपुट इंटरफेस व्यवस्थापित करणे या दोन विशिष्ट विषयांवर लक्ष केंद्रित करून कार्यसंघाने पहात असलेल्या दुसर्या क्षेत्राच्या रूपात देखील त्यांनी कार्यक्षमतेचा उल्लेख केला.
03. व्ह्यू
व्ह्यू २०१ 2014 मध्ये इव्हन यू या माजी गूगल कम्युनिटीने विकसित केले होते. हे झिओमी, अलिबाबा आणि गिटलॅब द्वारे वापरले जाते. व्ह्यूने थोड्या वेळात आणि मोठ्या ब्रँडच्या समर्थनशिवाय विकासकांकडून लोकप्रियता आणि समर्थन मिळविला.
साधक:
- आकारात खूप हलका
- नवशिक्या अनुकूल - शिकण्यास सुलभ
- महान समुदाय
बाधक:
- फेसबुकसह रिएक्ट आणि गूगलसह अँगुलर सारख्या एका विशाल कंपनीद्वारे समर्थित नाही
- कोणतीही वास्तविक रचना नाही
पुढे काय?
व्ह्यूने स्वत: ला वेगवान, लहान, अधिक देखरेख ठेवण्याचे आणि विकासकांना मूळ लक्ष्य करणे सुलभ बनविण्याचे लक्ष्य निश्चित केले आहे (आपणास देखरेख करण्यात समस्या येत असल्यास, वेब होस्टिंग सेवेचा विचार करा). पुढील प्रकाशन (3.0) Q1 2020 मध्ये देय आहे, ज्यात सुधारित टाइपस्क्रिप्ट समर्थनासह चांगल्या कामगिरीसाठी आभासी डीओएम पुनर्लेखन समाविष्ट आहे. कॉम्प्रोजेक्शन एपीआयची जोड देखील आहे, जे विकासकांना ऑपरेशनऐवजी वैशिष्ट्येनुसार त्यांना तयार करण्याचा आणि त्यांना व्यवस्थित करण्यासाठी नवीन मार्ग प्रदान करते.
ते विकसित करणारे व्ह्यू देखील सस्पेन्सवर काम करण्यात व्यस्त आहेत, जे आपले घटक प्रस्तुतिकरण निलंबित करते आणि अट पूर्ण होईपर्यंत फॉलबॅक घटक देते.
व्ह्यूच्या अद्यतनांमधील एक उत्तम गोष्ट म्हणजे ती मागास सुसंगतता टिकवते. आपण आपले जुने व्ह्यू प्रोजेक्ट फोडावेत अशी त्यांची इच्छा नाही. आम्ही हे 1.0 ते 2.0 मधील स्थलांतरात पाहिले जेथे 90 टक्के API समान होती.
फ्रेमवर्कच्या सिंटॅक्सची तुलना कशी होते?
तिन्ही फ्रेमवर्कमध्ये रिलीझ झाल्यापासून बदल झाले आहेत परंतु एक गोष्ट समजणे आवश्यक आहे वाक्यरचना आणि ते कसे वेगळे आहे. साध्या इव्हेंट बाँडिंगची सिंटॅक्सची तुलना कशी केली जाते यावर एक नजर टाकूयाः
Vue: द v-on निर्देश इव्हेंट श्रोतांना जोडण्यासाठी वापरला जातो जो व्ह्यूच्या घटनांवर पद्धती लागू करतात. निर्देशांचे उपसर्ग आहेत v- ते व्ह्यू द्वारे प्रदान केलेले विशेष गुणधर्म आहेत हे सूचित करण्यासाठी आणि प्रस्तुत डीओएमवर विशेष प्रतिक्रियाशील वर्तन लागू करतात. इव्हेंट हँडलर एकतर इनलाइन किंवा पद्धतीच्या नावाने प्रदान केले जाऊ शकतात.
टेम्पलेट> बटण व्ही-ऑन: क्लिक = ”क्लिकहँडलर”> क्लिक करा मी / बटण / टेम्पलेट> स्क्रिप्ट> निर्यात डीफॉल्ट {नाव: “हॅलोवर्ल्ड”, पद्धती: {क्लिकहँडलर: फंक्शन () {कन्सोल.लॉग (“मी क्लिक केले! ”); }}}; / स्क्रिप्ट>
प्रतिक्रिया: प्रतिक्रिया जावास्क्रिप्टला एक वाक्यरचना विस्तार जेएस आणि जेएसएक्समध्ये मार्क अप आणि लॉजिक देते. जेएसएक्स सह, कार्य इव्हेंट हँडलर म्हणून पास केले गेले आहे. रिएक्ट एलिमेंट्ससह कार्यक्रम हाताळणे डीओएम घटकांवरील घटना हाताळण्यासारखेच आहे. परंतु तेथे काही सिंटॅक्टिक मतभेद आहेत; उदाहरणार्थ, रिएक्ट इव्हेंटचे नाव लोअरकेस ऐवजी उंटकेस वापरुन केले गेले आहे.
फंक्शन बटण () {फंक्शन क्लिकहँडलर (ई) so कन्सोल.लॉग (“मी क्लिक केले”); }क्लिक रिटर्न बटणावर क्लिक करा = {क्लिक हँडलर}> मला क्लिक करा! / बटण>; }
कोणीय: इव्हेंट बाइंडिंग सिंटॅक्समध्ये समान चिन्हाच्या डावीकडील कंसात लक्ष्य इव्हेंट नाव आणि उजवीकडे उद्धृत टेम्पलेट स्टेटमेंट असते. वैकल्पिकरित्या, आपण हे वापरू शकता चालू- उपसर्ग, अधिकृत प्रमाण म्हणून ओळखले जाते.
@ घटक ({निवडक: "अॅप-क्लिक-मी", टेम्पलेट: `बटण (क्लिक) =" ऑनक्लिकम () "> मला क्लिक करा! / बटण>`}) वर्ग क्लिक क्लिक करा घटक क्लिक करा {ऑनक्लिकम () so कन्सोल.लॉग (" आपण मला क्लिक केले! ”); }}
लोकप्रियता आणि बाजारपेठ
चला W3Techs कडील आकडेवारीचे परीक्षण करून उर्वरित वेबच्या संदर्भात तीन फ्रेमवर्कचे एकूण चित्र बघून प्रारंभ करूया. जावास्क्रिप्ट लायब्ररीच्या बाजारात ०. 0.5 टक्के वाटा असणा Ang्या सर्व वेबसाइट्समध्ये ०. by टक्क्यांद्वारे आता अँगुलर वापरला जातो. प्रतिक्रिया सर्व वेबसाइटच्या ०.. टक्के आणि जावास्क्रिप्टच्या ग्रंथालयातील बाजाराचा वाटा ०..4 टक्के आणि व्ह्यू दोघांचा ०.ue टक्के वापरला जातो. हे अगदी समान दिसते आणि आपण संख्या वाढत असल्याचे पहाल.
Google ट्रेंड: गेल्या 12 महिन्यांत, शोध हा शब्दांमध्ये सर्वाधिक लोकप्रिय आहे, त्यानंतर अँगुलर जवळ आहे. Vue.js मागे एक मार्ग आहे; तथापि, एक गोष्ट लक्षात ठेवली पाहिजे की इतर दोनच्या तुलनेत व्ह्यू अजूनही तरुण आहे.
नोकरी शोधः लेखनाच्या वेळी, रिअॅक्ट आणि अँग्युलर जॉब लिस्टिंगच्या बाबतीत खूपच निकट जुळले आहेत, व्ह्यू वू वू वू लांब पलीकडे. लिंक्डइनवर, तथापि, व्ह्यू विकसकांना अधिक मागणी असल्याचे दिसते.
स्टॅक ओव्हरफ्लो: आपण 2019 साठी स्टॅक ओव्हरफ्लो डेव्हलपर सर्व्हे निकाल पाहिला तर रिएक्ट आणि व्ह्यू.जे दोन्ही सर्वात प्रिय आणि वांछित वेब फ्रेमवर्क आहेत. अँगुलर सर्वात जास्त आवडलेल्या पण तिस wanted्या क्रमांकावर असलेल्या नवव्या क्रमांकावर बसला आहे.
गिटहब: व्ह्यूकडे 153 के सह सर्वाधिक तारे आहेत परंतु त्यात कमीतकमी योगदानकर्ते आहेत (283). दुसरीकडे प्रतिक्रिया द्या 140k तारे आणि 1,341 सहयोगी आहेत. अँगुलरमध्ये फक्त 59.6k तारे आहेत परंतु तिन्हीपैकी 1,579 सह योगदानदारांची संख्या सर्वाधिक आहे.
एनपीएम ट्रेंड: वरील प्रतिमा मागील 12 महिन्यांमधील आकडेवारी दर्शविते, जिथे आपण पाहू शकता की अँगुलर आणि व्ह्यूच्या तुलनेत रिअॅक्टला दरमहा डाउनलोडची संख्या जास्त आहे.
मोबाइल अॅप विकास
मोठ्या तिघांपैकी एक मुख्य लक्ष मोबाइल उपयोजन आहे. रिअॅक्टमध्ये रिअॅक्ट नेटिव्ह आहे, जो केवळ रिएक्ट यूजर्ससाठीच नाही तर विस्तृत अॅप डेव्हलपमेंट समुदायासाठी देखील आयओएस आणि अँड्रॉइड अॅप्स तयार करण्यासाठी लोकप्रिय पर्याय बनला आहे. अँगुलर विकसक नेटिव्हस्क्रिप्ट नेटिव्ह अॅप्स किंवा आयनिक हायब्रीड मोबाईल अ‍ॅप्ससाठी वापरू शकतात, तर व्ह्यू डेव्हलपरना नेटिव्हस्क्रिप्ट किंवा व्ह्यू नेटिव्हची निवड आहे. मोबाइल अनुप्रयोगांच्या लोकप्रियतेमुळे हे गुंतवणूकीचे एक महत्त्वाचे क्षेत्र राहिले आहे.
2020 मध्ये शोधण्यासाठी इतर फ्रेमवर्क
आपल्याला 2020 मध्ये काहीतरी नवीन करून पहायचे असल्यास, हे जावास्क्रिप्ट फ्रेमवर्क पहा.
एम्बर: एमव्हीव्हीएम पॅटर्नवर आधारित कार्य करणारे वेब अनुप्रयोग तयार करण्यासाठी एक ओपन-सोर्स फ्रेमवर्क. मायक्रोसॉफ्ट, नेटफ्लिक्स आणि लिंक्डइन सारख्या बर्‍याच मोठ्या कंपन्यांनी याचा वापर केला आहे.
उल्का: आधुनिक वेब आणि मोबाइल अनुप्रयोग विकसित करण्यासाठी पूर्ण स्टॅक जावास्क्रिप्ट प्लॅटफॉर्म. हे शिकणे सोपे आहे आणि एक अतिशय समर्थक समुदाय आहे.
निष्कर्ष
तिन्ही फ्रेमवर्क सतत सुधारत असतात, हे एक प्रोत्साहन देणारे लक्षण आहे. प्रत्येकाचा स्वत: चा दृष्टीकोन आणि त्यांनी निवडलेला उपाय असा आहे की त्यांनी कोणता वापरावा परंतु तो प्रकल्पाच्या आकारात खरोखर खाली येतो आणि यामुळे आपल्याला अधिक आरामदायक वाटते.
सर्वात महत्वाचा पैलू म्हणजे त्यांच्या समुदायांचे सतत समर्थन होय, म्हणून जर आपण एखादा नवीन प्रकल्प सुरू करण्याचा विचार करीत असाल आणि यापूर्वी कधीही तिन्हीपैकी कोणताही वापर केला नसेल, तर मला विश्वास आहे की आपण त्या सर्वांसहित सुरक्षित हातात आहात. आपल्याकडे अद्याप तीन फ्रेमवर्कपैकी कोणतेही शिकण्याची संधी नसल्यास, मी हे शिकण्यास प्रारंभ करण्यासाठी आपल्या नवीन वर्षाचे रिझोल्यूशन बनविण्यास सुचवितो. भविष्य या तिघांभोवती फिरणार आहे.
ही सामग्री मूलतः नेट मासिकामध्ये आली.
