जावास्क्रिप्ट,

उल्का.जे.एस

ReactJS

प्रोग्रामिंग

• पुनर्प्राप्ती मोड

JavaScript ची लोकप्रियता वाढतच आहे. 2016 मध्ये आम्ही AngularJS चे संपूर्ण अपग्रेड रिलीझ करून आणि Angular 2 ची घोषणा, jQuery चे अंतिम चॅम्पियन, जे सर्व साइट्सपैकी 96.5% मध्ये वापरले जाते, ECMAScript ची उत्क्रांती, Node.js मध्ये दोन अपडेट्ससह मोठे बदल पाहिले. अनुक्रमे एप्रिल आणि ऑक्टोबर, आणि आणखी. 2017 पासून काय अपेक्षा करावी? आम्हाला आतापर्यंत काय माहित आहे ते येथे आहे: मार्च 2017 मध्ये Angular 4 अपेक्षित आहे, ES2017 मध्य 2017 साठी नियोजित आहे, बूटस्ट्रॅप v4 देखील या वर्षी रिलीज होण्याची अपेक्षा आहे.

JavaScript ला अलीकडे IBM च्या 2017 च्या सर्वोत्कृष्ट भाषांमध्ये शिकण्यासाठी स्थान देण्यात आले. या टप्प्यावर, ते क्लायंट आणि सर्व्हर दोन्ही भागांसाठी वापरले जाते आणि आकर्षक इंटरफेस डिझाइन करण्यात, असंख्य कार्ये आणि वैशिष्ट्यांसह वेब अनुप्रयोग समृद्ध करण्यासाठी, रिअल टाइममध्ये वेब पृष्ठे बदलण्यासाठी आणि बरेच काही करण्यास मदत करते.

यादरम्यान, जावास्क्रिप्ट फ्रेमवर्क वेब ऍप्लिकेशन्सच्या जलद विकासासाठी जीवनरक्षक बनू शकतात. ते वैयक्तिक ऍप्लिकेशन पृष्ठांसाठी एक फ्रेमवर्क म्हणून काम करतात, जे विकसकांना जटिल इंटरफेस घटक तयार करण्यावर लक्ष केंद्रित करताना कोड संरचना किंवा समर्थनाबद्दल कमी काळजी करण्याची परवानगी देतात.

JavaScript फ्रेमवर्क वापरण्याचे फायदे:

• कार्यक्षमता- ज्या प्रकल्पांना पूर्वी महिने लागायचे आणि कोडच्या शेकडो ओळी आता चांगल्या-संरचित रेडीमेड टेम्पलेट्स आणि फंक्शन्ससह अधिक जलद लागू केल्या जाऊ शकतात.
• सुरक्षितता– सर्वोत्कृष्ट JavaScript फ्रेमवर्कमध्ये मालकीची सुरक्षा प्रणाली असते आणि त्यांना मोठ्या समुदायाद्वारे समर्थन दिले जाते, ज्यांचे सदस्य आणि सामान्य वापरकर्ते परीक्षक म्हणून काम करतात.
• खर्च- बहुतेक फ्रेमवर्क मुक्त स्रोत आणि विनामूल्य आहेत. ते प्रोग्रामरना सानुकूल उपाय जलद विकसित करण्यात मदत करत असल्याने, वेब अनुप्रयोगाची अंतिम किंमत कमी असेल.

2017 मधील सर्वोत्तम JavaScript फ्रेमवर्क:

कोनीय-स

2016 मध्ये अँगुलर बॅकच्या बहुप्रतिक्षित रिलीझनंतर, त्याची लोकप्रियता नवीन उंचीवर पोहोचली आहे, परंतु ती 2017 मध्ये बार धारण करेल.

Angular.jsसहसा MVW (मॉडेल-व्ह्यू-व्हेअर) फ्रेमवर्क म्हटले जाते आणि स्टार्ट-अप आणि मध्यम-आकाराच्या कंपन्यांसाठी मुख्य फायदे आहेत: जलद कोड लेखन, अनुप्रयोगाच्या कोणत्याही भागाची द्रुत चाचणी आणि द्वि-मार्ग डेटा बंधनकारक (मध्ये बदल बॅकएंड वापरकर्ता इंटरफेसमध्ये त्वरित प्रतिबिंबित होतात). रिलीझ झाल्यापासून, त्याची इकोसिस्टम कल्पनेच्या पलीकडे विस्तारली आहे. आता याला सिंगल-पेज ॲप्लिकेशन्स (एसपीए सिंगल-पेज-ॲप्लिकेशन्स) विकसित करण्यासाठी सर्वात जास्त वापरले जाणारे जेएस फ्रेमवर्क म्हटले जाते आणि ते सर्वात मोठ्या विकासक समुदायाचा अभिमान बाळगते.

टोकदार2वैशिष्ट्यांच्या मोठ्या सूचीसह येते जे तुम्हाला वेबपासून डेस्कटॉप आणि मोबाइल ॲप्लिकेशनपर्यंत सर्वकाही विकसित करण्यास अनुमती देईल. मोठ्या उद्योगांसाठी JavaScript अधिक लवचिक आणि आकर्षक बनवण्याच्या उद्देशाने फ्रेमवर्क Microsoft च्या TypeScript वर तयार केले आहे. ng2 वैशिष्ट्यांमध्ये घटक-आधारित आर्किटेक्चर, सुधारित DI (अवलंबन इंजेक्शन), कार्यक्षम लॉगिंग सेवा, आंतरघटक संप्रेषण आणि बरेच काही आहे. Angular2 मधील गेम डेव्हलपमेंटचे उदाहरण:

एंटरप्राइझ ऍप्लिकेशनसाठी किंवा कोड वाचनीयतेसाठी उच्च मानकांसह प्रोग्रामिंग वातावरणासाठी दोन्ही अँगुलर सर्वोत्तम पर्याय आहेत.

ReactJS

हे वस्तुस्थिती असूनही ते चौकटीपेक्षा ग्रंथालय अधिक आहे. हे Facebook आणि Instagram च्या वापरकर्ता इंटरफेसच्या मागे आहे, उच्च रहदारी (बँडविड्थ) सह डायनॅमिक ऍप्लिकेशन्समध्ये त्याची प्रभावीता दर्शविते.

हे सर्वात वेगाने वाढणारे जेएस फ्रेमवर्क योग्यरित्या मानले जाते: आज सुमारे 1000 गिथब लेखक आहेत. MVC (मॉडेल-व्ह्यू-कंट्रोलर) मॉडेलमध्ये, React.js एक "V" म्हणून कार्य करते आणि कोणत्याही आर्किटेक्चरमध्ये सहजपणे समाकलित केले जाऊ शकते. व्हर्च्युअल DOM ट्री वापरल्याबद्दल धन्यवाद, ते अँगुलर 1.x च्या तुलनेत अधिक कार्यप्रदर्शन लाभ प्रदान करते. या व्यतिरिक्त, प्रतिक्रिया घटक तयार केले जाऊ शकतात आणि इतर अनुप्रयोगांमध्ये पुन्हा वापरले जाऊ शकतात किंवा सार्वजनिक वापरासाठी सामायिक देखील केले जाऊ शकतात.

प्रतिक्रिया शिकणे अधिक क्लिष्ट आहे हे असूनही, ते अनुप्रयोग विकास सोपे आणि समजण्यास सोपे करते. याव्यतिरिक्त, ते जटिल, प्रभावशाली, उच्च-लोड सॉफ्टवेअर उपायांसाठी आदर्श असू शकते.

React.js वापरून ऍप्लिकेशन डेव्हलपमेंटचे उदाहरण.

Vue.js

व्ह्यू २.० 2016 मध्ये देखील सादर केले गेले होते आणि एम्बर, प्रतिक्रिया आणि अँगुलर यापैकी सर्वोत्तम घेते आणि ते सर्व सोयीस्कर पॅकेजमध्ये ठेवते. हे सिद्ध झाले की ते React आणि Angular 2.0 पेक्षा वेगवान आणि अधिक कॉम्पॅक्ट असू शकते (ते बाहेर पडले).

अधिक खोलवर जाऊन, Vue.js द्वि-मार्गी डेटा बाइंडिंग (जसे AngularJS), सर्व्हर-साइड रेंडरिंग (जसे Angular2 आणि ReactJS), Vue-cli (आपल्याला त्वरीत प्रारंभ करण्यासाठी एक स्कॅफोल्डिंग साधन), आणि पर्यायी JSX समर्थन देते. त्याच्या निर्मात्याचा असा दावा आहे की Vue2 एकूणच सर्वात वेगवान फ्रेमवर्कपैकी एक आहे.

वेगवान क्रॉस-प्लॅटफॉर्म अनुप्रयोग विकासासाठी Vue.js हा सर्वोत्तम पर्याय आहे. हे उच्च-कार्यक्षमता सिंगल पेज ॲप्लिकेशन्स (एसपीए) साठी एक मजबूत पाया आणि एक फायदेशीर उपाय प्रदान करू शकते जेव्हा कार्यप्रदर्शन चांगल्या कोड ऑर्गनायझेशन किंवा ॲप्लिकेशन स्ट्रक्चरपेक्षा अधिक महत्त्वाचे असते.

Vue.js च्या वैशिष्ट्यांच्या विश्लेषणासह व्याख्यान.

Ember.js

2015 मध्ये, एम्बरला React आणि AngularJS मागे टाकून सर्वोत्कृष्ट JS फ्रेमवर्क म्हणून नाव देण्यात आले. आज, तो एक प्रचंड ऑनलाइन समुदाय, नियमित अद्यतने आणि व्यापकपणे अवलंबलेल्या जावा स्क्रिप्ट सर्वोत्तम पद्धतींचा अभिमान बाळगतो ज्या थेट बॉक्सच्या बाहेर निश्चित अनुभवाची हमी देतात.

एम्बरमध्ये अँगुलरजेएस प्रमाणे द्वि-मार्गी डेटा बाइंडिंग आहे, दृश्य आणि मॉडेल दोन्ही नेहमी समक्रमित ठेवतात. Fastboot.js मॉड्यूलचा वापर सर्व्हरच्या बाजूला DOM ट्रीचे जलद रेंडरिंग (रेखांकन, पुनर्गणना) प्रदान करते, जटिल वापरकर्ता इंटरफेसचे सादरीकरण सुधारते.

Emberjs सामान्यतः जटिल, वैशिष्ट्यपूर्ण वेब अनुप्रयोग आणि वेबसाइट्ससाठी वापरले जाते. शीर्ष वापरकर्त्यांमध्ये Chipotle, Blue Apron, Nordstrom, Kickstarter, LinkedIn, Netflix आणि बरेच काही समाविष्ट आहे. शिवाय, हे शिकणे सर्वात सोपे आहे आणि तेथे अनेक ट्यूटोरियल आणि मार्गदर्शक ऑनलाइन उपलब्ध आहेत.

Meteor.js

Meteor हे सर्वात लोकप्रिय JS फ्रेमवर्कपैकी एक आहे, परंतु जे बॅकएंड डेव्हलपमेंट आणि फ्रंट-एंड रेंडरिंग, डेटाबेस मॅनेजमेंट आणि बिझनेस लॉजिकसाठी अनेक वैशिष्ट्यांसह स्थिरपणे पुढे जात आहे. 2012 मध्ये रिलीझ झाल्यापासून, त्याची परिसंस्था नाटकीय वेगाने वाढली आहे. हे फुल-स्टॅक प्लॅटफॉर्म तुम्हाला वेब आणि मोबाइल ॲप्लिकेशन्स त्वरीत विकसित करण्याची परवानगी देतो. कार्यक्षमतेच्या दृष्टिकोनातून, डेटाबेसमधील सर्व बदल भाषा किंवा सर्व्हर प्रतिसाद वेळेतील फरकांमुळे दृश्यमान वेळेची हानी न होता, वापरकर्ता इंटरफेसवर आणि परत त्वरित प्रसारित केले जातात.

Meteor.js वर MMO विकासाचे उदाहरण:

Meteor.js सॉफ्टवेअर डेव्हलपमेंट सायकलचे सर्व टप्पे कव्हर करते आणि लिंक करणे, फाइल जोडणे आणि बरेच काही यासारख्या प्रक्रियांची काळजी घेते. फ्रेमवर्क आता Mazda, IKEA, Honeywell आणि इतर अनेक कंपन्यांमध्ये रिअल-टाइम ऍप्लिकेशन विकसित करण्यासाठी वापरले जाते.

निष्कर्ष

फ्रेमवर्कची निवड त्यांच्यापैकी प्रत्येकाने देऊ शकणाऱ्या कार्यक्षमतेवर आधारित नाही. हे कंपनीच्या प्रारंभिक उद्दिष्टांवर, प्रकल्पाच्या आवश्यकता, फ्रेमवर्कची एकूण कार्यक्षमता आणि प्रत्येक विशिष्ट प्रकरणात ते कसे लागू केले जाऊ शकते यावर अवलंबून असते.

जेव्हा वेगवान वेब विकास किंवा प्रोटोटाइपिंगचा विचार केला जातो, तेव्हा JS फ्रेमवर्क वापरण्यासाठी सर्वात लोकप्रिय आहेत आणि 2017 अपवाद असणार नाही. या फ्रेमवर्क आणि लायब्ररींनी ब्राउझर आणि नेटिव्ह प्लॅटफॉर्मवर सादरीकरण एकत्रित करण्यासाठी HTML आणि CSS सह JS संवाद साधण्याचा मार्ग आधीच बदलला आहे.

अलिना अर्खीपोवा "जावास्क्रिप्ट फ्रेमवर्क: तुमची निवड कशी करावी".

JavaScript हे वर्ल्ड वाइड वेबवरील प्रमुख तंत्रज्ञानांपैकी एक आहे. सर्वेक्षणाच्या निकालांनुसार, JavaScript ही फ्रंट-एंड डेव्हलपर्समधील शीर्ष भाषा आहे आणि ती लोकप्रियता गमावत आहे असे दिसत नाही. म्हणूनच आज अनेक JavaScript फ्रेमवर्क उपलब्ध आहेत की कोणती सर्वात कार्यक्षम आहे हे जाणून घेणे कठीण आहे.

जितके अधिक फ्रेमवर्क दिसतात, तितके विवाद त्यांच्याभोवती असतात. फ्रंट-एंड डेव्हलपमेंटसाठी कोणते फ्रेमवर्क सर्वात प्रभावी आहेत याबद्दल विकसक समुदायामध्ये बरीच चर्चा आहे. आमच्या संशोधनाच्या आधारे, आम्ही JavaScript फ्रेमवर्क बद्दल सर्वाधिक बोलले जाणारे शीर्ष पाच ओळखले आहेत. आम्ही या लेखात त्यांचे वर्णन केले आहे. तसेच त्यात आम्ही Yalantis चा अनुभव शेअर करू: आमचे फ्रंट-एंड डेव्हलपर कोणत्या फ्रेमवर्कला प्राधान्य देतात याबद्दल आम्ही बोलू.

लोकप्रिय JavaScript फ्रेमवर्कचे पुनरावलोकन

दर महिन्याला नवीन JavaScript फ्रेमवर्क रिलीझ केले जाते. उत्पादन मालकांना निवड करण्यात अडचण येऊ शकते. फ्रेमवर्क आवश्यक आहेत. त्यांचे कार्य कार्य प्रक्रियेस गती देणे आणि सुलभ करणे तसेच त्याची उत्पादकता वाढवणे हे आहे. म्हणून, फ्रेमवर्कची निवड विकास प्रक्रियेच्या कार्यक्षमता आणि उत्पादकतेवर मोठ्या प्रमाणात प्रभाव पाडते. शीर्ष JavaScript फ्रेमवर्कची तुलना करूया.

टोकदार

अँगुलर ही Google द्वारे २०१० मध्ये जारी केलेली पूर्ण-वैशिष्ट्यीकृत फ्रेमवर्क आहे. कंपनी नियमितपणे अद्यतने जारी करत आहे. उदाहरणार्थ, मार्च 2018 मध्ये, नवीनतम आवृत्ती, अँगुलर 6, वेगवान आणि लहान अनुप्रयोगांसाठी नवीन रेंडरिंग इंजिनसह अनेक सुधारणा आणल्या.

आज अँगुलर हे सर्वात लोकप्रिय फ्रंट-एंड फ्रेमवर्कपैकी एक आहे. बरेच डेव्हलपर अँगुलर निवडतात कारण ते ते विकास सुलभ करण्यासाठी की म्हणून पाहतात. त्याच्या टेम्प्लेट्सबद्दल धन्यवाद, फ्रंट-एंड व्यावसायिक बरेच बदल करण्यायोग्य डेटासह डायनॅमिक सिंगल-पेज वेब ऍप्लिकेशन तयार करण्यासाठी अँगुलर सहजपणे वापरू शकतात. याव्यतिरिक्त, अँगुलरमध्ये मॉडेल-व्ह्यू-कंट्रोलर (MVC) आहे जे चाचणी करणे सोपे आणि अधिक प्रवेशयोग्य बनवते.

React.js

React.js हे 2013 मध्ये Facebook टीमने जारी केलेले फ्रेमवर्क आहे. Dropbox, PayPal, BBC, Atlassian आणि Instagram सह मोठ्या कंपन्या त्यांचे मुख्य फ्रंट-एंड टूल म्हणून React वापरतात.

जटिल सादरीकरण तर्कासह अनुप्रयोग आणि साइटसाठी प्रतिक्रिया उत्तम आहे. React देखील ऍप्लिकेशनमधील घटकांचा पुनर्वापर करण्यास अनुमती देते, त्यामुळे विकसकांना समान घटक पुन्हा पुन्हा तयार करण्याची गरज नाही. React सह, विकसक जटिल कार्यक्षमता तयार करण्यावर लक्ष केंद्रित करू शकतात. व्हर्च्युअल डीओएम नावाच्या विशेष निगोशिएशन अल्गोरिदममुळे, फ्रंट-एंड डेव्हलपर उत्पादकतेमध्ये लक्षणीय वाढ प्राप्त करतात. ते जलद विकसित होऊ शकतात कारण प्रत्येक लहान बदलानंतर त्यांना दृश्ये अद्यतनित करण्याची गरज नाही.

Vue.js

Vue.js हे Evan Yu द्वारे तयार केलेले एक अगदी नवीन JavaScript फ्रेमवर्क आहे.

अनेक फ्रंट-एंड तज्ञ दावा करतात की हे नवशिक्यांसाठी एक उत्कृष्ट साधन आहे. हे समजून घेणे खूप सोपे आहे कारण ते सादरीकरणाच्या स्तरांवर लक्ष केंद्रित करते. Vue.js Babel शिवाय कार्य करते, एक ट्रान्सपाइलर जो JavaScript कोडला जुन्या ES5 आवृत्तीमध्ये रूपांतरित करतो जी सर्व ब्राउझरमध्ये चालते. बॅबल न वापरल्याने विकासाला गती मिळते. Vue.js टेम्पलेट वैध HTML आहेत, त्यामुळे एकत्रीकरण सोपे आहे. हे फ्रेमवर्क लाइटवेट ऍप्लिकेशन्स विकसित करण्यासाठी एक चांगला उपाय आहे.

Ember.js

Ember.js फ्रेमवर्क 2011 मध्ये तयार केले गेले. Kickstarter, Heroku आणि LinkedIn यासह अनेक प्रसिद्ध कंपन्यांसाठी वेबसाइट तयार करण्यासाठी याचा वापर केला गेला आहे.

Ember.js नियमितपणे अपडेट केले जाते आणि वैशिष्ट्यांचे संपूर्ण पॅकेज प्रदान करते. हे फ्रेमवर्क क्लिष्ट वेब ऍप्लिकेशन्स विकसित करण्यासाठी प्रभावी आहे आणि त्याची स्ट्रिंग-आधारित टेम्प्लेटिंग सिस्टम लोड होण्याच्या वेळेस वेगवान करण्यात मदत करते. Ember.js स्केलेबिलिटीवर लक्ष केंद्रित करते, त्यामुळे डेव्हलपर मोबाईल आणि वेब दोन्ही प्रोजेक्टसह सहज कार्य करू शकतात.

पुढील.जे.एस

Next.js एक असामान्य JavaScript फ्रेमवर्क आहे. हे React टीमने सर्व्हर-साइड रेंडरिंगसाठी अतिरिक्त साधन म्हणून विकसित केले आहे. React आणि Next.js सह काम करताना, Vue.js वापरताना विकास प्रक्रिया सोपी होते.

Next.js मध्ये लक्षणीय वैशिष्ट्ये आहेत जसे की ऑटोमॅटिक कोड स्प्लिटिंग आणि क्लायंट-साइड पेज-आधारित राउटिंग. याव्यतिरिक्त, वापरकर्ता इंटरफेस अधिक सुलभ करण्यासाठी Next.js मध्ये पूर्ण CSS सपोर्ट आहे (ज्याला styled-jsx म्हणतात).

या पाच लोकप्रिय JavaScript लायब्ररी आणि फ्रेमवर्कमध्ये बरेच साम्य आहे. उदाहरणार्थ, त्या सर्वांकडे एक कार्यक्षम घटक आर्किटेक्चर आणि दस्तऐवजीकरण प्रणाली आहे. त्यांनी प्रदान केलेली कार्यक्षमता विकास वेळ कमी करण्याच्या उद्देशाने आहे, ज्यामुळे उत्पादन मालक आणि विकासक दोघांनाही फायदा होतो.

सर्वोत्कृष्ट UI फ्रेमवर्क निवडणे हे नेहमी प्रकल्पाच्या तपशीलावर तसेच विकासकाच्या कौशल्यावर अवलंबून असले पाहिजे. आता आम्ही तुम्हाला सांगू की विकासक Yalantis वर काय निवडतात.

Yalantis फ्रंट-एंड डेव्हलपर कोणते फ्रेमवर्क निवडतात?

Yalantis मधील फ्रंट-एंड डेव्हलपमेंट टीम बऱ्याचदा JavaScript फ्रेमवर्कसह कार्य करते. गेल्या काही वर्षांत, आम्ही सर्वात कार्यक्षम आणि फायदेशीर साधन शोधण्यासाठी विविध फ्रेमवर्कची चाचणी केली आहे.

आज आम्ही दोन सुप्रसिद्ध JavaScript फ्रेमवर्कसह काम करण्यास प्राधान्य देतो - Angular आणि React. पण या दोघांसोबत का? ते फ्रंट-एंड डेव्हलपरना ऑफर करत असलेल्या कार्यक्षमतेकडे जवळून पाहू.

टोकदार

Google टीमने आज सर्वात लोकप्रिय JavaScript फ्रेमवर्क विकसित केले आहे. द्वि-मार्गी डेटा बाइंडिंग, कार्यक्षम टेम्पलेट्स आणि साध्या दस्तऐवजीकरणासाठी समर्थनामुळे अँगुलरला लक्षणीय लोकप्रियता मिळाली आहे.

घटकांवर आधारित कार्यक्षम प्रणाली.घटक आणि निर्देशांनी नियंत्रक आणि अनुप्रयोग क्षेत्रे अनुप्रयोगांचे बिल्डिंग ब्लॉक्स म्हणून बदलली आहेत. घटक वर्ग हे वैयक्तिक ब्लॉक्स आहेत, जे त्यांना पुन्हा वापरता येण्याजोगे आणि विद्यमान अनुप्रयोगांमध्ये जोडण्यास सोपे बनवतात.

द्वि-मार्ग डेटा बंधनकारक.हे वैशिष्ट्य कोड लिहिण्यासाठी लागणारा वेळ कमी करते. UI घटक रेंडर होण्याची वाट न पाहता विकसक एकाच वेळी मॉडेल आणि दृश्यांमध्ये बदल करू शकतात.

टाइपस्क्रिप्ट.कोनीय प्रशिक्षण संसाधने आणि दस्तऐवजीकरण TypeScript वर आधारित आहेत, त्यामुळे ते टाळणे कठीण आहे. TypeScript काही विकसकांना क्लिष्ट वाटू शकते, परंतु त्यात काहीही चुकीचे नाही. इतर भाषांपेक्षा टाइपस्क्रिप्टसाठी अनेक नवीन वैशिष्ट्ये अधिक जलद उपलब्ध होतात. शिवाय, TypeScript ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग पॅटर्न आणि पर्यायी स्थिर प्रकार तपासणी प्रदान करते, जे मोठ्या अनुप्रयोगांसाठी उपयुक्त आहे.

सोयीस्कर टेम्पलेट्स.अँगुलर मधील टेम्प्लेट्स HTML मध्ये सादर केले जातात, त्यामुळे डेव्हलपर त्यांना जास्त JavaScript माहित नसले तरीही ते फंक्शनल ऍप्लिकेशन तयार करू शकतात. ब्राउझर टेम्प्लेट्सवर प्रक्रिया करतो आणि रेंडरिंग सूचना व्युत्पन्न करतो, ज्यांना निर्देश देखील म्हणतात.

साधे दस्तऐवज.सर्व अधिकृत अँगुलर दस्तऐवजीकरण लहान आणि सोपे आहे, त्यामुळे अगदी कमी अनुभवी विकासक त्वरीत मूलभूत गोष्टी उचलू शकतात.

सशक्त समुदायाला पाठिंबा देत आहे.अँगुलर फ्रेमवर्क हे एक Google उत्पादन आहे, त्यामुळे साहजिकच त्याचे बरेच चाहते आणि त्याला समर्थन करणारे लोक आहेत. विकसकांना ब्लॉग आणि फोरमवर बरेच सल्ले सहज मिळू शकतात.

चला सारांश द्या. अँगुलर फ्रेमवर्क हे टॉप फ्रंट-एंड डेव्हलपमेंट टूल आहे जे अनेक भिन्न वैशिष्ट्ये प्रदान करते. अँगुलरसह ॲप्लिकेशन तयार केल्याने व्यवसाय आणि विकासक दोघांनाही फायदा होतो. सर्व प्रथम, अँगुलर Google द्वारे समर्थित आहे, म्हणून हे फ्रेमवर्क नियमितपणे अद्यतनित केले जाते आणि त्याची कार्यक्षमता सतत सुधारली जाते. दुसरे म्हणजे, इतर अनेक फ्रेमवर्कच्या विपरीत, कोनीय MIT परवान्याअंतर्गत उपलब्ध आहे. व्यवसाय आणि विकासकांसाठी परवानाकृत साधने वापरणे महत्त्वाचे आहे कारण ते अधिक विश्वासार्ह आहेत.

प्रतिक्रिया द्या

प्रतिक्रिया ही एक क्रांतिकारी JavaScript फ्रेमवर्क आहे जी JavaScript फ्रेमवर्कच्या क्रमवारीत अग्रगण्य स्थान व्यापते. हे GitHub वापरकर्त्यांमध्ये खूप लोकप्रिय आहे, ज्यांनी याला 95 हजारांहून अधिक तारे दिले आहेत. पण प्रतिक्रिया इतकी खास कशामुळे?

उत्पादकता वाढली. React मध्ये व्हर्च्युअल DOM नावाचे एक अद्वितीय वैशिष्ट्य आहे जे कोडिंग अधिक कार्यक्षम करते. विकासक जेव्हा लहान बदल करतात, तेव्हा त्यांना संपूर्ण दृश्य अपडेट करण्याची आवश्यकता नसते. बदल आभासी DOM द्वारे जातात, जे पृष्ठाचा फक्त इच्छित भाग पुन्हा प्रस्तुत करतात. हा दृष्टिकोन कमी वेळ घेतो आणि विकसकाच्या प्रयत्नांची बचत करतो.

जेएसएक्स.घोषणात्मक JavaScript वाक्यरचना जो तुम्हाला व्यवस्थित, वाचनीय कोड तयार करण्यात मदत करतो. JSX तुम्हाला एकाच एक्झिक्यूटेबलमध्ये घटक एकत्र करण्यात मदत करते.

शिकण्याची सोय.विकासकांना JavaScript माहित असल्यास, ते लगेच प्रतिक्रिया वापरणे सुरू करू शकतात. विकसक मॅन्युअल वगळू शकतात कारण प्रतिक्रिया सोपी आणि व्यवस्थित आहे. प्रतिक्रिया व्यावसायिक बनण्यासाठी, तुम्हाला JSX परिचित होणे आवश्यक आहे.

घटक जे पुन्हा वापरले जाऊ शकतात.अँगुलर प्रमाणे प्रतिक्रियामध्ये घटक-आधारित आर्किटेक्चर आहे. याचा अर्थ असा की प्रतिक्रिया फ्रेमवर्क वापरताना, विकासक घटकांना अनुप्रयोगाचे बिल्डिंग ब्लॉक्स म्हणून पाहू शकतात. याचा सर्वात मोठा फायदा म्हणजे पूर्व-निर्मित घटक ऍप्लिकेशनच्या वेगवेगळ्या भागांमध्ये वापरता येतात. त्यामुळे विकासाचा वेग वाढतो.

फेसबुक आणि समुदाय समर्थन. React चे पर्यवेक्षण टेक दिग्गजांपैकी एक आहे - Facebook. फेसबुक टीमला जटिल वेब ॲप्लिकेशन्ससह कसे कार्य करायचे हे माहित आहे, म्हणून प्रतिक्रिया फ्रेमवर्क उत्पादकता वाढवण्यावर केंद्रित आहे. प्रतिक्रिया समुदाय सर्वात मोठा आहे (जेव्हा इतर लोकप्रिय फ्रंट-एंड डेव्हलपमेंट फ्रेमवर्कच्या समुदायांशी तुलना केली जाते). React शी संबंधित अनेक ब्लॉग, प्लगइन आणि SDK आहेत. त्यामुळे, एखाद्या विकसकाला या फ्रेमवर्कमध्ये काही समस्या असल्यास, तो इंटरनेटवर सहजपणे उत्तरे शोधू शकतो.

एकंदरीत, प्रतिक्रिया फ्रेमवर्क हे वापरकर्ता इंटरफेस विकासासाठी एक प्रभावी साधन आहे. त्याची कार्यक्षमता कोड लिहिण्यासाठी लागणारा वेळ कमी करून विकास सुधारते, जो व्यवसाय आणि विकासकांसाठी एक मोठा फायदा आहे. तसेच, प्रतिक्रिया शिकणे सोपे आहे, त्यामुळे विकासक कोणत्याही पूर्व प्रशिक्षणाशिवाय ते वापरणे सुरू करू शकतात. शेवटी, यात उत्तम समुदाय आणि Facebook समर्थन आहे, त्यामुळे या फ्रेमवर्कमध्ये अद्यतने आणि नवीन छान वैशिष्ट्ये आहेत याची खात्री आहे.

आम्ही पाच शीर्ष JavaScript फ्रेमवर्क कव्हर केले आहेत, परंतु निवड तुमची आहे. तुमचा निर्णय घेताना कामगिरी, आर्किटेक्चर, शिक्षण वक्र, दस्तऐवजीकरण, संस्था आणि समुदाय समर्थन यांची तुलना करा.

या धड्यात, जेएस फ्रेमवर्कची गरज का आहे ते आपण पाहू. समजा आम्हाला एक SPA (सिंगल पेज ॲप्लिकेशन) तयार करायचा आहे, हा एक वेब ॲप्लिकेशन आहे ज्यामध्ये एक पृष्ठ आहे आणि बाकी सर्व काही वापरून केले जाते. अशा ऍप्लिकेशन्सचे वैशिष्ट्य आहे की ते खूप डायनॅमिक आहेत आणि स्थिर साइट्सपेक्षा खूप वेगाने कार्य करतात.

असा अर्ज लिहिण्याच्या अनेक पद्धती आहेत:

1. मूळ JS मध्ये लिहा.
   म्हणजे, तृतीय-पक्ष लायब्ररी न वापरता. आम्ही या दृष्टिकोनाचे विश्लेषण करणार नाही कारण यामुळे तुमची संसाधने वाया जातात आणि बहुतेक प्रकरणांमध्ये व्यर्थ.
2. लायब्ररी वापरणे.
   या ट्यूटोरियलमध्ये, आम्ही उदाहरण म्हणून jQuery वापरू.
3. फ्रेमवर्कवर लिहा.
   आणि आम्ही या पद्धतीचा देखील विचार करू.

jQuery वापरून अनुप्रयोग तयार करणे

साधक

• जलद सुरुवात.
  म्हणजेच, लेखन सुरू करण्यासाठी तुम्हाला कोणतीही सेटिंग्ज करण्याची आवश्यकता नाही. आपल्याला फक्त लायब्ररी कनेक्ट करण्याची आवश्यकता आहे - ते जलद आहे.
• काहीही अभ्यास करण्याची गरज नाही.
  या ग्रंथालयाशी अनेकजण परिचित आहेत.

उणे

• संथ लायब्ररी.
  jQuery कोणत्याही JavaScript फ्रेमवर्क किंवा मूळ JS पेक्षा दहापटीने हळू काम करते.
• रचना नाही.
  या पद्धतीची कोणतीही विशिष्ट रचना नाही. म्हणजेच, jQuery ही फक्त एक लायब्ररी आहे जी निवडकर्त्यांवर आधारित आहे आणि कोणत्याही प्रोग्रामिंग पॅटर्नमध्ये नाही. त्यात आपण फक्त कोड लिहितो आणि तेच.
• अत्याधुनिक कोड समर्थन.
  हा मुद्दा मागील मुद्द्याचा परिणाम आहे. कोणतीही रचना नसल्यास, कुठे आणि काय आहे हे शोधणे कठीण आहे, म्हणून अशा कोडची देखभाल करणे कठीण आहे (आणि मला वैयक्तिक अनुभवावरून हे आधीच माहित आहे).
• खराब विस्तारक्षमता.
  जेव्हा अनुप्रयोग मोठ्या प्रमाणात वाढतो, तेव्हा नवीन कार्यक्षमता जोडणे खूप कठीण होईल कारण ते काय आणि कुठे असावे हे स्पष्ट होणार नाही. म्हणजेच, लहान अनुप्रयोगांसाठी हे फारसे संबंधित नाही, परंतु गंभीर अनुप्रयोगांसाठी ते एक मोठे वजा असेल.

फ्रेमवर्कवर अनुप्रयोग तयार करणे

साधक

• संरचित कोड, नमुने.
  कोणत्याही फ्रेमवर्कमध्ये काही प्रकारचे प्रोग्रामिंग पॅटर्न असते. यामुळे, त्यात एक अतिशय संरचित कोड आहे. उदाहरणार्थ, Backbone.js मध्ये MVC पॅटर्न आहे, किंवा उदाहरणार्थ AngularJS मध्ये MVVM पॅटर्न आहे. हे पुढील अनुप्रयोग विकास मोठ्या प्रमाणात सुलभ करते.
• अनेक आवश्यक साधने आधीच "बॉक्समध्ये" आहेत.
  उदाहरणार्थ, राउटिंग किंवा टेम्प्लेटिंगसाठी काही साधने.
• उच्च कार्यक्षमता.
  कोणतीही फ्रेमवर्क jQuery पेक्षा दहापट वेगवान असते. पुन्हा, लहान प्रकल्पांवर हे फारसे संबंधित असू शकत नाही, परंतु मोठ्या प्रकल्पांसाठी ते खूप लक्षणीय आहे. म्हणजेच, jQuery ऍप्लिकेशन्स मंद होऊ शकतात कारण DOM सह ऑपरेशन्स खूप महाग आहेत.
• सुलभ विस्तारक्षमता आणि कोड समर्थन.
  कोड संरचित आहे या वस्तुस्थितीमुळे आणि प्रत्येक गोष्ट त्याच्या स्वतःच्या मॉड्यूलमध्ये आहे (मॉडेल, राउटिंग), नवीन कार्यक्षमता जोडणे खूप सोपे आहे.
• जलद विकास.
  सुरुवातीच्या टप्प्यावर, तुम्हाला फ्रेमवर्क कसे तरी कॉन्फिगर करावे लागेल. तथापि, भविष्यात सर्वकाही संरचित आहे आणि विकासाचा वेग वाढेल या वस्तुस्थितीचा वापर करणे शक्य होईल.

उणे

• चौकट शिकणे.
  म्हणजे, काही फ्रेमवर्कचे स्वतःचे वाक्यरचना असते, जसे की Angular.js. प्रत्येक फ्रेमवर्कची स्वतःची "विशेष" विचारधारा असते (यामुळे, मनोरंजक गोष्टी अंमलात आणल्या जाऊ शकतात).

परिणाम:

लहान ऍप्लिकेशन्ससाठी, कोणतीही मोठी फ्रेमवर्क फारसा सल्ला दिला जात नाही.

तथापि, एसपीएसाठी आपल्याला फ्रेमवर्क वापरण्याची आवश्यकता आहे.

2017 साठी सर्वात लोकप्रिय आणि सर्वाधिक मागणी असलेल्या JavaScript फ्रेमवर्क, लायब्ररी आणि टूल्सची नवीन निवड.

असे दिसते की जेएस विकसकांपेक्षा जास्त जेएस लायब्ररी आणि फ्रेमवर्क आहेत. मे 2017 पर्यंत, GitHub वर एक द्रुत शोध 1.1 दशलक्षाहून अधिक JavaScript प्रकल्प प्रकट करतो. npm.js मध्ये 500,000 सक्रियपणे वापरलेली पॅकेजेस आहेत ज्यात दरमहा सुमारे 10 अब्ज डाउनलोड होतात.

हा लेख सर्वात लोकप्रिय जेएस फ्रेमवर्क, साधने आणि लायब्ररीमधील मूलभूत फरक स्पष्ट करण्याचा उद्देश आहे. ते तुमच्यासाठी सर्वोत्कृष्ट आहेत की नाही ही दुसरी बाब आहे. एक गोष्ट निवडा आणि थोडा वेळ त्यावर रहा. परंतु तुमच्या सुरुवातीच्या निवडीकडे दुर्लक्ष करून तुमचे आवडते साधन "चांगले" द्वारे बदलले जाणार नाही असा विचार करून फसवू नका.

हा लेख वाचण्यापूर्वी कृपया खालील करार स्वीकारा:

• जावास्क्रिप्टचे जग दिवसेंदिवस बदलत आहे. हा लेख प्रकाशित झाल्यापासून कालबाह्य होईल!
• "सर्वोत्कृष्ट" द्वारे आमचा अर्थ "सर्वात लोकप्रिय सामान्य उद्देश प्रकल्प" असा होतो. ते सर्व विनामूल्य आणि मुक्त स्रोत आहेत, परंतु सूचीमध्ये कदाचित तुमच्या आवडींचा समावेश नसेल.
• या यादीमध्ये अशा प्रकल्पांचा समावेश नाही ज्यांचा विकास स्थगित करण्यात आला आहे, जरी ते व्यापक आणि सक्रियपणे वापरले जात असले तरीही.
• फक्त क्लायंट ऍप्लिकेशन्सचा उल्लेख केला आहे. त्यापैकी काही सर्व्हर-साइड फंक्शन्स करू शकतात, परंतु सूचीमध्ये Express.js किंवा Hapi सारख्या सर्व्हर-साइड अनुप्रयोगांचा समावेश नाही.
• प्रत्येक प्रकल्पाची माहिती संक्षिप्त आहे आणि पुढील शोधासाठी स्वातंत्र्य प्रदान करते.
• प्रत्येक प्रकल्पाचे लोकप्रियतेचे सूचक असते, परंतु आकडेवारी दिशाभूल करणारी असल्याचे ज्ञात आहे.
• निवडीचा लेखक पक्षपाती आहे. तुम्ही पक्षपाती आहात. प्रत्येकजण पक्षपाती आहे!

अवघड शब्दावली

"फ्रेमवर्क", "लायब्ररी" आणि "टूल" या शब्दांचा अर्थ संदर्भानुसार वेगवेगळ्या लोकांसाठी वेगवेगळ्या गोष्टी असू शकतात. येथे वापरलेल्या सामान्य व्याख्या देऊ.

लायब्ररी

लायब्ररीउपयुक्त कार्यक्षमतेचा संरचित संच आहे. स्टँडर्ड लायब्ररीमध्ये स्ट्रिंग्स, तारखा, DOM घटक, इव्हेंट, कुकीज, ॲनिमेशन, क्वेरी आणि बरेच काही यासह कार्य करण्यासाठी कार्ये असावीत. प्रत्येक फंक्शन कॉल करणाऱ्या ऍप्लिकेशनला व्हॅल्यू परत करते, जे नंतर डेव्हलपरच्या लॉजिकवर अवलंबून ते वापरू शकते. याची तुलना कारसाठी स्पेअर पार्ट्सच्या निवडीशी केली जाऊ शकते: कार कार्य करेल असा कोणताही पर्याय निवडण्यास तुम्ही मोकळे आहात, परंतु तर्क पूर्णपणे तुमच्यावर अवलंबून आहे.

लायब्ररी सामान्यत: विकासाचा वेळ सुमारे 20% कमी करते, ज्यामुळे तुम्हाला छोट्या गोष्टींबद्दल काळजी करू नका. नकारात्मक बाजू:

• लायब्ररीच्या अंमलबजावणीतील बगमुळे ते शोधण्यात आणि निराकरण करण्यात अडचणी येऊ शकतात
• डेव्हलपमेंट टीम तातडीने पॅच रिलीझ करेल याची शाश्वती नाही
• पॅच API बदलू शकतो, ज्यामुळे तुमच्या कोडमध्ये महत्त्वपूर्ण बदल होऊ शकतात.

फ्रेमवर्क

फ्रेमवर्क- हा अनुप्रयोगाचा सांगाडा आहे. हे विकसकाला काही तर्कानुसार ॲप्लिकेशन आर्किटेक्चर तयार करण्यास बाध्य करते. कोणतेही फ्रेमवर्क सहसा इव्हेंट, स्टोरेज आणि डेटा बाइंडिंग सारखी कार्यक्षमता प्रदान करते. कारच्या समानतेमध्ये, फ्रेमवर्क तयार फ्रेम, एक शरीर आणि इंजिन प्रदान करते. तुम्ही काही भाग जोडू शकता, काढू शकता किंवा बदलू शकता आणि तरीही कार कार्यरत राहील असे गृहीत धरू शकता.

लायब्ररीच्या तुलनेत फ्रेमवर्क ॲब्स्ट्रॅक्शनच्या उच्च स्तरावर आहे आणि तुम्हाला तुमचा सुमारे 80% अनुप्रयोग सहजपणे तयार करण्यास अनुमती देईल. त्याचे तोटे:

• फ्रेमवर्कद्वारे लादलेल्या मर्यादांमुळे शेवटच्या 20% मध्ये लक्षणीय अडचणी येऊ शकतात
• फ्रेमवर्क अद्ययावत करणे कठीण आणि कधी कधी अशक्यही असू शकते
• कोर कोड आणि संकल्पना क्वचितच विकसकांना त्यांच्या मूळ स्वरूपात संतुष्ट करतात. त्यांना नेहमी काहीतरी करण्याचा "चांगला" मार्ग सापडेल.

साधने

साधनही एक विकास मदत आहे, परंतु प्रकल्पाचा अविभाज्य भाग नाही. साधनांमध्ये बिल्ड सिस्टम, कंपायलर, ट्रान्सपाइलर्स, डिप्लॉयमेंट इंजिन आणि बरेच काही समाविष्ट आहे.

साधने विकास प्रक्रिया सुलभ करण्यासाठी डिझाइन केले आहेत. उदाहरणार्थ, बरेच लोक शुद्ध CSS पेक्षा Sass ला प्राधान्य देतात कारण ते लूप, फंक्शन्स, लोकल व्हेरिएबल्स आणि बरेच काही वापरण्याची क्षमता प्रदान करते. ब्राउझरला Sass/SCSS वाक्यरचना समजत नाही, म्हणून कोड CSS मध्ये अनुवादित केला जातो.

मला लेबल लावू नका!

फ्रेमवर्क, लायब्ररी आणि टूल्स मधील रेषा खूप धूसर आहे. फ्रेमवर्कमध्ये लायब्ररी असू शकते. लायब्ररी फ्रेमवर्क सारख्या पद्धती लागू करू शकते. साधने दोन्हीचा अविभाज्य भाग असू शकतात.

JavaScript फ्रेमवर्क आणि लायब्ररी

प्रकल्प लोकप्रियतेनुसार क्रमबद्ध आहेत.

आतापर्यंतची सर्वात लोकप्रिय js लायब्ररी. डीओएम ट्री नोड्स, इव्हेंट हँडलर्स, ॲनिमेशन्स आणि अजाक्स विनंत्यांमध्ये प्रवेश करण्यासाठी सीएसएस निवडकांचा परिचय करून वेब अनुप्रयोगांसाठी फ्रंट-एंड प्रोग्रामिंगमध्ये क्रांती घडवून आणली.

jQuery अलीकडेच पसंतीस उतरला आहे, परंतु तरीही थोड्या JavaScript कार्यक्षमतेची आवश्यकता असलेल्या प्रकल्पांसाठी एक व्यवहार्य पर्याय आहे.

साधक:

• लहान वितरण आकार
• प्रवेशासाठी कमी अडथळा, इंटरनेटवर सर्वसमावेशक दस्तऐवजीकरण
• संक्षिप्त वाक्यरचना
• सहज विस्तारण्यायोग्य

उणे:

• अनुप्रयोग धीमा करते
• ब्राउझर सुसंगतता समस्या उद्भवू शकतात
• विकासक समुदाय त्याच्या व्यापक वापराचा निषेध करत आहे

प्रतिक्रिया द्या

गेल्या वर्षातील सर्वात चर्चेत असलेली लायब्ररी. प्रतिक्रिया वापरकर्ता इंटरफेस तयार करण्यासाठी लायब्ररी असल्याचा दावा करते. हे MVC विकासाच्या "दृश्य" भागावर लक्ष केंद्रित करते आणि तुम्हाला स्टेटफुल UI घटक तयार करण्यास अनुमती देते. व्हर्च्युअल DOM ट्री लागू करणाऱ्या पहिल्या लायब्ररींपैकी ही एक होती.

वेबसाइट्स ऐवजी ऍप्लिकेशन्समध्ये ते प्रामुख्याने वापरले जाते या वस्तुस्थितीमुळे प्रतिक्रिया वापर आकडेवारी खूपच कमी वाटू शकते.

साधक:

• कॉम्पॅक्ट, कार्यक्षम, उत्पादक आणि लवचिक
• साधे घटक मॉडेल
• चांगले दस्तऐवजीकरण आणि भरपूर ऑनलाइन संसाधने
• सर्व्हर-साइड रेंडरिंग क्षमता
• वाढती लोकप्रियता

उणे:

• नवीन संकल्पना आणि वाक्यरचना शिकण्यासाठी
• सिस्टम तयार करणे आवश्यक आहे
• तृतीय पक्ष साधने आणि लायब्ररी आवश्यक असू शकतात
• कोड आणि DOM ट्री सुधारणाऱ्या इतर लायब्ररीशी विसंगत असू शकते

Lodash आणि Winderscore

या दोन लायब्ररी एकत्रित केल्या आहेत कारण ते दोन्ही मूळ स्ट्रिंग्स, संख्या, ॲरे आणि इतर आदिम सोबत काम करण्याच्या पद्धतींची कार्यक्षमता वाढवण्यासाठी शेकडो साधने प्रदान करतात. ते बऱ्याच प्रमाणात ओव्हरलॅप करतात, म्हणून त्यांना एकाच प्रकल्पात एकत्र वापरण्याची शिफारस केलेली नाही.

साधक:

• संक्षिप्त आणि साधे
• चांगले दस्तऐवजीकरण, प्रवेशासाठी कमी अडथळा
• इतर बहुतेक लायब्ररी आणि फ्रेमवर्कशी सुसंगत
• क्लायंट आणि सर्व्हरवर दोन्ही वापरले जाऊ शकते

उणे:

• काही पद्धती ES2015 आणि JavaScript च्या इतर नंतरच्या आवृत्त्यांमध्ये उपलब्ध आहेत

आमच्या यादीतील पहिले फ्रेमवर्क (किंवा MVC फ्रेमवर्क). सर्वात लोकप्रिय आवृत्ती 1.x आहे, जी डीओएम मॅनिप्युलेशनला ऍप्लिकेशन लॉजिकपासून विभक्त करताना द्वि-मार्गी डेटा बाइंडिंगसह HTML चा विस्तार करते.

आवृत्ती 2 असूनही (जे आता आवृत्ती 4 आहे!) असूनही कोनीय 1.x अद्याप विकसित आहे. गोंधळलेला? वाचा...

साधक:

• अनेक मोठ्या कंपन्यांद्वारे समर्थित लोकप्रिय फ्रेमवर्क
• "मानक" MEAN स्टॅकचा भाग (MongoDB, Express.JS, AngularJS, NodeJS), अनेक लेख आणि ट्यूटोरियल उपलब्ध आहेत

उणे:

• काही पर्यायांच्या तुलनेत शिकणे अधिक कठीण
• विस्तृत कोड बेस
• कोनीय 2.x सह विसंगतता
• Google प्रकल्प असूनही, Google स्वतः वापरत नाही

कोनीय 2

अँगुलर 2.0 सप्टेंबर 2016 मध्ये जगासमोर रिलीझ करण्यात आले. ते पूर्णपणे पुनर्लेखन केले गेले आहे आणि TypeScript मध्ये तयार केलेले मॉड्यूलर घटक मॉडेल सादर केले आहे. मार्च 2017 मध्ये, आवृत्ती 4.0 रिलीझ करण्यात आली (तिसरी आवृत्ती सिमेंटिक आवृत्तीमध्ये विसंगती टाळण्यासाठी वगळण्यात आली).

साधक:

• आधुनिक वेब अनुप्रयोग तयार करण्यासाठी सार्वत्रिक उपाय
• अजूनही MEAN स्टॅकचा भाग आहे
• TypeScript C# आणि Java सारख्या ऑब्जेक्ट-ओरिएंटेड भाषांशी परिचित असलेल्या लोकांसाठी काही फायदे प्रदान करते

उणे:

• कोनीय 1.x चे बाधक पहा

Vue.js

वापरकर्ता इंटरफेस तयार करण्यासाठी हलके आधुनिक फ्रेमवर्क. DOM सपोर्टसह रिॲक्ट सारखी व्हर्च्युअल लेयर ऑफर करते जी इतर लायब्ररींसोबत समाकलित केली जाऊ शकते.

Vue.js DOM आणि डेटा बांधण्यासाठी HTML टेम्पलेट वाक्यरचना वापरते. मॉडेल्स हे साधे जेएस ऑब्जेक्ट्स आहेत जे डेटा बदलल्यावर इंटरफेस आणि/किंवा सामग्री पुन्हा तयार करतात.

साधक:

• प्रेक्षकांची सहानुभूती आणि वाढती लोकप्रियता
• सुरवातीपासून शिकण्यास सोपे
• काही अवलंबित्व आणि चांगली कामगिरी

उणे:

• तरुण प्रकल्प - उच्च जोखीम
• पर्यायांपेक्षा कमी संसाधने

Backbone.js हे MVC मॉडेल लागू करणाऱ्या पहिल्या क्लायंट-साइड फ्रेमवर्कपैकी एक होते. एकाच विकसकाने तयार केलेली Underscore.js ही एकमेव अवलंबित्व आहे.

त्याऐवजी, ते लायब्ररी म्हणून वर्गीकृत केले जाऊ शकते कारण ते इतर प्रकल्पांमध्ये समाकलित केले जाऊ शकते. जरी बहुतेक विकसक अजूनही Backbone.js ला फ्रेमवर्क म्हणू शकतात.

साधक:

• कॉम्पॅक्ट, हलके आणि शिकण्यास सोपे
• HTML मध्ये अतिरिक्त तर्क जोडत नाही
• उत्कृष्ट दस्तऐवजीकरण
• ट्रेलो, वर्डप्रेस, लिंक्डइन आणि ग्रुपॉनसह अनेक ऍप्लिकेशन्सच्या विकासामध्ये वापरले जाते

उणे:

• पर्यायांच्या तुलनेत अमूर्ततेची निम्न पातळी (उदा. अँगुलरजेएस)
• डेटा बाइंडिंग सारख्या वैशिष्ट्यांची अंमलबजावणी करण्यासाठी अतिरिक्त घटक आवश्यक आहेत
• अधिक आधुनिक फ्रेमवर्कने MVC मॉडेलचा त्याग केला आहे

लेख 8 सर्वात लोकप्रिय JavaScript फ्रेमवर्क, लायब्ररी आणि टूल्ससाठी समर्पित आहे. तुम्ही JavaScript वापरल्यास यापैकी प्रत्येक ॲप डेव्हलपमेंट खूप सोपे करू शकते.

JS ही वेबवरील सर्वात लोकप्रिय भाषा आहे. तुम्ही कधी JS सोबत काम केले असेल, तर तुम्हाला माहिती आहे की ॲप्लिकेशन विकसित करण्यासाठी आणि लॉन्च करण्यासाठी खूप मेहनत घ्यावी लागते. म्हणून, जेव्हा एखादा नवशिक्या विकसक JS शिकायला लागतो तेव्हा तो JS फ्रेमवर्ककडे आकर्षित होतो.

जेएस फ्रेमवर्क का वापरायचे? याची तीन कारणे आहेत:

1 प्रतिक्रिया

प्रतिक्रिया ही एक घोषणात्मक आणि लवचिक JS लायब्ररी आहे जी वापरकर्ता इंटरफेस विकसित करण्यासाठी वापरली जाऊ शकते. हे फेसबुकने विकसित केले आहे, जिथे, खरं तर, ते वापरले जाते.

व्हर्च्युअल डीओएम वापरण्याची कल्पना लोकप्रिय झाल्याबद्दल प्रतिक्रिया दिल्याबद्दल धन्यवाद. हे तंत्रज्ञान तुम्हाला थेट DOM सोबत काम करू शकत नाही, परंतु DOM ट्रीचे अनुकरण करणारे हलके JS ऑब्जेक्ट वापरण्याची परवानगी देते. अल्गोरिदम क्लायंट-साइड कार्यप्रदर्शन सुधारते, जलद, उच्च-ट्रॅफिक ॲप्लिकेशन तयार करण्यासाठी प्रतिक्रिया उत्कृष्ट बनवते (जसे Instagram).

हे सर्वात वेगाने वाढणाऱ्या लायब्ररींपैकी एक आहे आणि कोणत्याही आर्किटेक्चरमध्ये सहजपणे समाकलित केले जाऊ शकते (जर आपण MVC मॉडेल, मॉडेल-व्ह्यू-कंट्रोलर घेतले तर प्रतिक्रिया भाग V, सादरीकरणासाठी जबाबदार आहे).

प्रतिक्रियांची तुलना सहसा फ्रेमवर्कशी केली जात नसली तरी, हे लक्षात घेतले जाऊ शकते की अँगुलर 1.x शी तुलना केल्यावर ते अधिक कार्यप्रदर्शन नफा देते.

काहींना प्रतिक्रिया शिकणे कठीण वाटू शकते, परंतु निर्विवाद सत्य हे आहे की ते सॉफ्टवेअर सोल्यूशन्स विकसित करणे सोपे आणि सोपे करते आणि जटिल, उच्च-लोड अनुप्रयोगांसाठी उत्तम आहे.

प्रतिक्रिया वापरणाऱ्या कंपन्या: Facebook, Instagram, Netflix, Alibaba, Yahoo, E-Bay, Airbnb, Sony.
GitHub पृष्ठ:

2 व्ह्यू

Vue बद्दल बोलत असताना, बहुधा याचा अर्थ दुसरी आवृत्ती - Vue 2, जी एक वर्षापूर्वी (सप्टेंबर 2016) दिसली आणि मागील आवृत्तीच्या तुलनेत अनेक सुधारणा प्राप्त झाल्या.

Vue एक प्रगतीशील JS फ्रेमवर्क आहे जो 2014 मध्ये रिलीज झाला होता. हे इव्हान यू यांनी तयार केले होते, ज्यांनी यापूर्वी Google आणि Meteor Development Group येथे काम केले होते (ज्याने MeteorJS तयार केले होते). Angular, Knockout, React आणि Rivets द्वारे विकासावर लक्षणीय परिणाम झाला आहे आणि Vue हे फक्त मधले मैदान असू शकते जे सर्व सर्वोत्तम एकत्र आणते आणि विकासकांना ते ऑफर करते.

उदाहरणार्थ, जर आपण व्ह्यूची अँगुलरशी तुलना केली, तर ती अधिक लवचिक आणि सोपी (एपीआयच्या दृष्टिकोनातून) फ्रेमवर्क आहे, ज्याची कार्यक्षमता देखील उच्च आहे.

अधिकृत वेबसाइटवर, व्ह्यू हे प्रवेशयोग्य (जर तुम्हाला एचटीएमएल, सीएसएस आणि जेएस माहित असेल तर तुम्ही ते खूप लवकर शिकू शकता), अष्टपैलू (इकोसिस्टम तुम्हाला लायब्ररीपासून पूर्ण फ्रेमवर्कपर्यंत स्केल करू देते) आणि उत्पादक (व्हर्च्युअल) म्हणून ओळखले जाते. DOM आणि ऑप्टिमायझेशन क्षमता).

React प्रमाणे, Vue वापरकर्ता इंटरफेस विकसित करण्यासाठी वापरला जातो. हळुहळू विद्यमान प्रकल्पात त्याचा परिचय करून देणे सोपे आहे आणि ते इतर लायब्ररींसह चांगले समाकलित होते.

सिंगल-पेज ॲप्लिकेशन्स तयार करण्यासाठी Vue उत्तम आहे - वेब ॲप्लिकेशन्स एकाच पेजवर होस्ट केले जातात, जिथे सर्व आवश्यक कोड पेजसह लोड केले जातात.

Vue वापरणाऱ्या वेबसाइट्स: laravel.com, gitlab.com, laracast.com.
GitHub पृष्ठ:

3 अँगुलरजेएस

AngularJS सर्वात प्रसिद्ध, लोकप्रिय आणि उल्लेख केलेल्या JS फ्रेमवर्कपैकी एक आहे. हे Google विकसकांनी तयार केले आहे आणि वेब अनुप्रयोग विकसित करण्यासाठी उत्तम आहे.

AngularJS मध्ये साधनांचा मोठा संच आहे; हे दोन्ही शक्तिशाली आणि हलके फ्रेमवर्क आहे जे डायनॅमिक ऍप्लिकेशन्सच्या विकासास मोठ्या प्रमाणात सुलभ करू शकते. AngularJS चे वर्णन एंट्रीसाठी कमी अडथळ्यांसह, परंतु समृद्ध कार्यक्षमतेसह फ्रेमवर्क म्हणून केले जाऊ शकते. ज्याला आधीपासून JS माहित आहे तो AngularJS सहज समजण्यास सक्षम असेल.

सुरुवातीला, AngularJS चा वापर सिंगल-पेज ॲप्लिकेशन्स (सिंगल-पेज ॲप्लिकेशन्स) विकसित करण्यासाठी केला जात होता: पेज उघडल्यानंतर अतिरिक्त सामग्री आवश्यकतेनुसार लोड केली जाईल आणि यामुळे सर्व्हरवरील लोड लक्षणीयरीत्या कमी होऊ शकतो.

हे MVC फ्रेमवर्क आहे जे विकासासाठी एक चांगला पाया प्रदान करते, म्हणूनच अनेक प्रोग्रामरना ते आवडते. विशेषतः, हे DOM सह परस्परसंवाद मोठ्या प्रमाणात सुलभ करते आणि चाचणीक्षमता सुधारते.

AngularJS वापरणाऱ्या वेबसाइट्स: weather.com, freelancer.com, netflix.com.
GitHub पृष्ठ:

4 पाठीचा कणा

बॅकबोन ही आणखी एक सुप्रसिद्ध आणि वारंवार वापरली जाणारी लायब्ररी आहे. हे MVP डिझाइन पॅटर्नवर आधारित आहे. विशिष्ट वैशिष्ट्यांपैकी एक म्हणजे एक अतिशय हलकी लायब्ररी आहे, त्यातील फक्त Underscore.js लायब्ररी (टेम्प्लेट इंजिन म्हणून) आणि jQuery (DOM घटकांसह कार्य करण्यासाठी वापरली जाणारी) अवलंबित्व आहे.

इतर अनेक लायब्ररी आणि फ्रेमवर्क प्रमाणे, बॅकबोनची रचना सिंगल-पेज ॲप्लिकेशन्स तयार करण्यासाठी आणि ॲप्लिकेशनचे वेगवेगळे भाग सिंकमध्ये ठेवण्यासाठी करण्यात आली होती.
लायब्ररी RESTful बॅकएंडसह चांगले संवाद साधते. तुम्ही चांगले बॅकबोन डॉक्युमेंटेशन देखील लक्षात घेऊ शकता, जे तुम्हाला ही लायब्ररी त्वरीत समजून घेण्यास अनुमती देते.

बॅकबोनची तुलना अनेकदा अँगुलरशी केली जाते, परंतु तुम्हाला हे समजून घेणे आवश्यक आहे की ते एक लायब्ररी आणि एक फ्रेमवर्क आहे, म्हणून त्यांची संबंधित सामर्थ्य आणि कमकुवतता आहे: कोनीय बॉक्सच्या बाहेर जलद विकासासाठी सोयीस्कर आहे आणि बॅकबोनला आपल्यासह पूरक असणे आवश्यक आहे. स्वतःचा कोड, परंतु यामुळे, बॅकबोन अधिक लवचिक आणि आपल्या गरजेनुसार सानुकूल करण्यायोग्य साधन आहे.

बॅकबोन वापरणाऱ्या वेबसाइट्स: uvdesk.com/en/, reddit.musicplayer.io, helpscout.net
GitHub पृष्ठ:

5 पॉलिमर

पॉलिमर एक लायब्ररी आहे जी वेब घटक तयार करण्यासाठी आणि वापरण्यासाठी डिझाइन केलेली आहे. हे वेब घटक ॲप्लिकेशन तयार करण्यासाठी मानक HTML घटक म्हणून वापरले जाऊ शकतात. दुसऱ्या शब्दांत, तुम्ही तुमचे स्वतःचे HTML घटक तयार करू शकता. पॉलिमर वापरण्यासाठी तुम्हाला वेब घटक मानकांशी परिचित असणे आवश्यक आहे.

पॉलिमर घटक 8 गटांमध्ये विभागलेले आहेत:

• ॲप एलिमेंट्स - ॲप्लिकेशन (राउटिंग, डेटा स्टोरेज इ.) विकसित करताना सर्वसाधारणपणे उपयुक्त ठरू शकणारा घटकांचा सैलपणे जोडलेला संच;
• लोह घटक (पूर्वीचे कोर घटक) - अनुप्रयोग विकासासाठी मूलभूत, मूलभूत घटक;
• पेपर एलिमेंट्स - UI घटकांचा संच;
• Google वेब घटक - Google API आणि Google सेवांसाठी घटकांचा संग्रह;
• गोल्ड एलिमेंट्स - ई-कॉमर्ससाठी घटकांचा संच;
• निऑन घटक - ॲनिमेशन घटक (सध्या उपलब्ध नाही);
• प्लॅटिनम एलिमेंट्स - वेबसाइटला ॲप्लिकेशनमध्ये बदलण्यासाठी घटक (पुश नोटिफिकेशन, ऑफलाइन वापर, ब्लूटूथ इ.);
• रेणू - रेणू इतर लायब्ररीसह परस्परसंवाद सुलभ करतात.

आयटमची संपूर्ण यादी पहा.

पॉलिमर वापरून सेवा: YouTube, Google Earth आणि Google Music
GitHub पृष्ठ:

6 Ember.js

Ember.js एक मुक्तपणे उपलब्ध JS फ्रेमवर्क आहे जो कोणताही वेब अनुप्रयोग विकसित करण्यासाठी लागणारा वेळ, मेहनत आणि संसाधने लक्षणीयरीत्या कमी करू शकतो.

Ember.js च्या मुख्य तत्त्वांपैकी एक म्हणजे मार्ग. प्रत्येक मार्गामध्ये एक मॉडेल असते ज्यामध्ये अनुप्रयोगाची स्थिती असते, तसेच अनुप्रयोगाची वर्तमान स्थिती निर्दिष्ट करणारी URL असते. मॉडेलमध्ये कोणतेही डिस्प्ले लॉजिक जोडण्यासाठी नियंत्रक वापरले जातात. टेम्पलेट्ससाठी, ते Ember.js मध्ये ॲप्लिकेशनचा HTML कोड तयार करण्यासाठी आणि त्यात डायनॅमिकली अपडेट केलेले एक्सप्रेशन एम्बेड करण्यासाठी वापरले जातात.

Ember.js ही एक प्रकल्प आणि अष्टपैलुत्व सहजतेने सानुकूलित करण्याची क्षमता आहे, जी घटक आर्किटेक्चरच्या शक्यतेनुसार व्यक्त केली जाते.

MVC ऐवजी, फ्रेमवर्क DDAU (डेटा डाउन, ॲक्शन्स अप) पॅटर्न वापरते. हे एकल डेटा प्रवाह वापरण्यास अनुमती देते, अनुप्रयोग कोड वाचणे सोपे करते आणि कार्यप्रदर्शनात लक्षणीय सुधारणा करते.

Ember.js हे एक शक्तिशाली आणि कार्यक्षम फ्रेमवर्क आहे जे तुम्हाला महत्वाकांक्षी ऍप्लिकेशन्स तयार करण्यास अनुमती देते.

Ember.js वापरणाऱ्या कंपन्या: Linkedin, PlayStation, TED, Yahoo!, Twitch.tv
GitHub पृष्ठ:

7 ऑरेलिया

ऑरेलिया रॉब आयझेनबर्ग यांनी तयार केली होती, ज्याने अँगुलरवर देखील काम केले होते, म्हणून दोन फ्रेमवर्क खूप समान आहेत, परंतु त्याच वेळी काही तपशीलांमध्ये भिन्न आहेत.
ऑरेलिया ही एक नवीन फ्रेमवर्क आहे जी काही वर्षांपूर्वी रिलीज झाली होती. याला "नेक्स्ट जनरेशन UI फ्रेमवर्क" आणि आजपर्यंतचे सर्वात प्रगत आणि विकसक-अनुकूल फ्रंट-एंड फ्रेमवर्क म्हटले जाते.

ऑरेलिया तत्त्वांपैकी एक म्हणजे "कन्व्हेन्शन ओव्हर कॉन्फिगरेशन" (सामान्यतः "कॉन्फिगरेशन करार" म्हणून भाषांतरित). हे तत्त्व लवचिकता न गमावता आवश्यक कॉन्फिगरेशनचे प्रमाण कमी करण्याच्या उद्देशाने आहे.

ऑरेलिया ES6/ES7 चे समर्थन करते. मॉड्यूलरिटी, वेब घटकांचा वापर आणि चाचणीक्षमता ही इतर वैशिष्ट्यपूर्ण वैशिष्ट्ये आहेत.

जर आपण अँगुलरशी तुलना करण्याकडे परत गेलो तर, ऑरेलियामध्ये बिनधास्त JavaScript वर जोर आहे, त्यामुळे ऑरेलियामध्ये अँगुलरपेक्षा अधिक कॉम्पॅक्ट आणि देखरेख करण्यायोग्य कोड आहे.
ऑरेलिया फार पूर्वी रिलीझ झाला नाही हे असूनही, त्याची लोकप्रियता वाढत आहे आणि ही फ्रेमवर्क अनेक विकसकांना स्वारस्य आहे.

ऑरेलिया वापरून अर्ज:बुद्धिमत्ता, seecode.run
GitHub पृष्ठ: