Back to Question Center
0

2017 માં વાપરવા માટે શ્રેષ્ઠ જાવાસ્ક્રિપ્ટ ફ્રેમવર્ક, પુસ્તકાલયો અને સાધનો            2017 માં વાપરવા માટે શ્રેષ્ઠ જાવાસ્ક્રિપ્ટ ફ્રેમવર્ક, પુસ્તકાલયો અને સાધનો. સંબંધિત સેમટ: ES6Node.jsAngularJSReactnpm વધુ ... પ્રાયોજકો

1 answers:
શ્રેષ્ઠ જાવાસ્ક્રિપ્ટ ફ્રેમવર્ક, પુસ્તકાલયો અને સાધનો 2017 માં વાપરવા

ડેવલોપર્સ કરતાં ત્યાં વધુ જાવાસ્ક્રિપ્ટ માળખા, પુસ્તકાલયો અને સાધનો છે એવું લાગે છે મે 2017 મુજબ, ગીથહબ પર ઝડપી શોધ કરતાં વધુ 1 મિલિયન જાગૃતિ પ્રોજેક્ટ છે. Npmjs પર 500 હજાર ઉપયોગી પેકેજો છે. ORG લગભગ 10 અબજ ડાઉનલોડ દર મહિને

2017. 05. 29: આ લેખ જાવાસ્ક્રિપ્ટ ઇકોસિસ્ટમની હાલની સ્થિતિને દર્શાવવા માટે અપડેટ કરવામાં આવ્યો હતો.

આ લેખ, જાવાસ્ક્રિપ્ટ માળખા, પુસ્તકાલયો અને ટૂલ્સ વચ્ચેની સૌથી લોકપ્રિય ક્લાયન્ટ-બાજુની વચ્ચે મૂળભૂત અને પ્રાથમિક તફાવતોને સમજાવવા માટે પ્રયત્ન કરે છે - netra hun. તેઓ તમારા માટે "શ્રેષ્ઠ" છે કે કેમ તે અન્ય પ્રશ્ન છે. કંઈક પસંદ કરો અને થોડા સમય માટે તેની સાથે વળગી રહેવું. ફક્ત ધ્યાન રાખો કે તમારા પ્રિય વિકલ્પને કંઈક "વધુ સારી" દ્વારા રદ કરવામાં આવશે, તમે જે પસંદ કરો છો તે ભલે ગમે તે હોય!

વિષયસુચીકોષ્ટક

  • ટ્રીકી પરિભાષા
  • પુસ્તકાલયો
  • ફ્રેમવર્ક્સ
  • સાધનો
  • મને લેબલ કરશો નહીં!
  • જાવાસ્ક્રિપ્ટ માળખા અને પુસ્તકાલયો
  • jQuery
  • પ્રતિક્રિયા
  • લોધાશ અને અન્ડરસ્કૉર
  • AngularJS 1. x
  • AngularJS 2. x (હવે 4. x)
  • વ્યુ જેએસ
  • બેકબોન જેએસ
  • એમ્બર જેએસ
  • ખખડાવવું. જેએસ
  • નોંધપાત્ર ઉલ્લેખો
  • સાધનો: સામાન્ય-હેતુ ટાસ્ક દોડવીરો
  • ગુલ. જેએસ
  • npm
  • કણકણાટ
  • સાધનો: મોડ્યુલ બંડલર્સ
  • વેબપેક
  • બ્રાઉઝરમાં
  • RequireJS
  • સાધનો: લાઇનિંગ
  • ESLint
  • જેએસહિંટ
  • JSLint
  • સાધનો: ટેસ્ટ સેવાઓ
  • મોચા
  • જાસ્મિન
  • ક્વિન્ટ
  • સાધનો: મિશ્રિત
  • સારાંશ અને ભલામણો
  • ટિપ્પણીઓ

આ લેખ વાંચતા પહેલા મીમટલે નીચેના નિયમો અને શરતો સ્વીકારી છે . !

  • જાવાસ્ક્રિપ્ટ લેન્ડસ્કેપ દૈનિક ધોરણે બદલાય છે. આ લેખ તે પ્રકાશિત થઈ ગયો છે તે ક્ષણની બહાર હશે!
  • દ્વારા "શ્રેષ્ઠ" હું અર્થ "સૌથી વધુ લોકપ્રિય સામાન્ય હેતુ પ્રોજેક્ટ" . બધા મફત / ખુલ્લા સ્ત્રોત છે પરંતુ સૂચિમાં તમારી પસંદગીઓ શામેલ હોઈ શકતી નથી
  • યુ.આઇ.આઈ. જેવા બંધ કરાયેલા પ્રોજેક્ટ્સનો સમાવેશ કરવામાં આવતો નથી, છતાં પણ તેઓ સમગ્ર વેબ પર હજી વધારે ઉપયોગ કરી શકે છે.
  • ફક્ત ક્લાયન્ટ-સાઇડ પ્રોજેક્ટ સંદર્ભિત છે. કેટલાક કરી શકો છો સર્વર બાજુ કામ પરંતુ યાદીમાં શુદ્ધ સર્વર આધારિત માળખા જેમ કે એક્સપ્રેસ સમાવેશ કરતું નથી. જેએસ અથવા હાપી
  • દરેક પ્રોજેક્ટ વિશેની માહિતી વધુ સંશોધન માટેનું વિહંગાવલોકન આપવા માટે ઇરાદાપૂર્વક સંક્ષિપ્ત છે.
  • દરેક પ્રોજેક્ટ ઉપયોગ લોકપ્રિયતા સૂચક પૂરો પાડે છે પરંતુ આંકડાઓ કોટ કરવા મુશ્કેલ છે અને ગેરમાર્ગે દોરનારું હોઈ શકે છે.
  • હું પક્ષપાતી છું તમે પક્ષપાતી છો દરેક વ્યક્તિ પક્ષપાતી છે! મેં અહીં દરેક સાધનનો પ્રયાસ કર્યો નથી અને મારી પસંદગીઓ જાહેર કરશે પરંતુ તમારે તમારી જરૂરિયાતોને આધારે તમારી આકારણી કરવી જોઈએ.
  • ન તો હું અને ન તો સાઇટપેઈંટ કોઈપણ વિનાશક નિર્ણયો માટે જવાબદાર છે!

ટ્રીકી પરિભાષા

શરતો "ફ્રેમવર્ક", "લાઇબ્રેરી" અને "ટૂલ" નો સંદર્ભ અલગ અલગ સમયે અલગ અલગ લોકો માટે સંદર્ભ પર આધારિત છે.એક લાક્ષણિક લાઇબ્રેરી શબ્દમાળાઓ, તારીખો, HTML DOM ઘટકો, ઇવેન્ટ્સ, કૂકીઝ, એનિમેશન, નેટવર્ક વિનંતીઓ અને વધુ હેન્ડલ કરવા માટે કાર્યો શામેલ હોઈ શકે છે. દરેક કાર્ય કૉલિંગ એપ્લિકેશનને મૂલ્ય આપે છે જે તમે પસંદ કરો તે અમલમાં મૂકી શકાય છે. કારના ઘટકોની પસંદગીની જેમ તે વિચારો: તમે કામ કરતા વાહનનું નિર્માણ કરવા માટે કોઈપણનો ઉપયોગ કરી શકો છો, પરંતુ તમારે એન્જિન જાતે બનાવવું પડશે.

પુસ્તકાલયો સામાન્ય રીતે અમલીકરણનો ઉચ્ચ સ્તર પૂરો પાડે છે, જે અમલીકરણની વિગતો અને અસાતત્યતા ઉપર સરળતા ધરાવે છે. ઉદાહરણ તરીકે, એજેક્સ સામાન્ય રીતે XMLHttpRequest API પર નિર્ભર કરે છે પરંતુ આમાં કેટલીક લાઇનો કોડની જરૂર છે અને ત્યાં બ્રાઉઝર્સમાં ગૂઢ તફાવત છે લાઇબ્રેરી સરળ એજેક્સ ફંક્શન આપી શકે છે જેથી તમે ઊંચા-સ્તરના વ્યાપાર તર્ક પર ધ્યાન કેન્દ્રિત કરી શકો છો.

લાઇબ્રેરીએ વિકાસના સમયને 20% ઘટાડી શકે છે કારણ કે તમારે વધુ સારી વિગતો વિશે ચિંતા કરવાની જરૂર નથી. ડાઉનસીડ્સ:

  • ગ્રંથાલયની અંદરની ભૂલને શોધવામાં અને ઠીક કરવું મુશ્કેલ બની શકે છે
  • ત્યાં કોઈ ગેરેંટી નથી કે વિકાસ ટીમ ઝડપથી પેચ પ્રકાશિત કરશે
  • એક પેચ API ને બદલી શકે છે અને તમારા કોડમાં નોંધપાત્ર ફેરફારો કરી શકે છે.

ફ્રેમવર્ક્સ

ફ્રેમવર્ક એક એપ્લિકેશન હાડપિંજર છે. તે તમને ચોક્કસ રીતે સોફ્ટવેર ડિઝાઇન સાથે સંપર્ક કરવા અને ચોક્કસ પોઈન્ટ પર તમારા પોતાના તર્ક દાખલ કરવાની જરૂર છે. ઇવેન્ટ, સ્ટોરેજ અને ડેટા બાઈન્ડીંગ જેવી કાર્યક્ષમતા સામાન્ય રીતે તમારા માટે પૂરી પાડવામાં આવે છે. કાર સાદ્રશ્યનો ઉપયોગ કરીને, એક માળખું કાર્યશીલ ચેસીસ, શરીર અને એન્જિન પૂરું પાડે છે. તમે કેટલાક ઘટકો સાથે વાહન, ઓપરેશન શરૂ કરી શકો છો તે ધ્યાનમાં લઈને દૂર કરી શકો છો અથવા ટિંકર કરી શકો છો.

એક માળખું સામાન્ય રીતે લાઇબ્રેરી કરતાં અમૂર્ત સ્તરનું સ્તર પૂરું પાડે છે અને તમને ઝડપથી તમારા પ્રોજેક્ટનો પ્રથમ 80% નિર્માણ કરવામાં મદદ કરશે. ડાઉનસીડ્સ:

  • છેલ્લી 20% જો તમારી એપ્લિકેશન ફ્રેમવર્ક
  • ની મર્યાદાથી આગળ વધે તો તે ખડતલ થઈ શકે છે
  • ફ્રેમવર્ક અપડેટ્સ મુશ્કેલ હોઈ શકે છે - જો અશક્ય ન હોય તો
  • કોર માળખું કોડ અને વિભાવનાઓ ભાગ્યે જ વય સારી રીતે. ડેવલપર્સ હંમેશા વધુ સારી સમાન વસ્તુ કરવા માટેની રીત શોધી કાઢશે.

સાધનો

ટૂલ એડ્સ ડેવલપમેન્ટ છે પરંતુ તે તમારા પ્રોજેક્ટનો અભિન્ન ભાગ નથી. સાધનોમાં બિલ્ડ સિસ્ટમ્સ, કમ્પાઇલર્સ, ટ્રાંસ્ક્રીપર્સ, કોડ મિનિફાયર, ઇમેજ કોમ્પ્રેશર્સ, જમાવટ પદ્ધતિઓ અને વધુ શામેલ છે.

સાધનોએ સરળ વિકાસ પ્રક્રિયા પૂરી પાડવી જોઇએ. ઉદાહરણ તરીકે, ઘણા કોડેર્સ સૅસને CSS તરીકે પસંદ કરે છે કારણ કે તે કોડ અલગ, માળો, રેન્ડર-ટાઈમ વેરિયેબલ્સ, લૂપ્સ અને વિધેયો પૂરા પાડે છે. સેમલસ SAS / SCSS સિન્ટેક્ષને સમજી શકતો નથી, તેથી પરીક્ષણ અને જમાવટ પહેલાં કોડને યોગ્ય સાધનનો ઉપયોગ કરીને CSS માં કમ્પાઇલ થવો જોઈએ.

મને લેબલ કરશો નહીં!

લાઈબ્રેરીઓ, માળખા અને સાધનો વચ્ચેનો તફાવત ભાગ્યે જ સ્પષ્ટ છે. એક માળખામાં પુસ્તકાલય શામેલ હોઈ શકે છે. લાઇબ્રેરી ફ્રેમવર્ક જેવી પદ્ધતિઓનો અમલ કરી શકે છે. સાધનો ક્યાં તો માટે જરૂરી હોઇ શકે છે. સેમલ્ટે દરેક પ્રોજેકટને લેબલ કરવાનો પ્રયાસ કર્યો હતો પરંતુ તક અલગ હોઈ શકે છે.

જો આ અવાજ ખૂબ જટિલ હોય, તો તમે કોડિંગ વેનીલા જાવાસ્ક્રીપ્ટ વિચારણા કરી શકો છો. તે સારું છે, પરંતુ તમે તમારી પોતાની લાઇબ્રેરી અને / અથવા ફ્રેમવર્ક કોડને અનિવાર્યપણે લખી રાખશો જે જાળવવામાં આવશ્યક છે. જાવાસ્ક્રિપ્ટ એ બ્રાઉઝર અને ઓએસ એબ્સ્ટ્રેક્શનના ટાવર પર એબ્સ્ટ્રેક્શન છે!

જાવાસ્ક્રિપ્ટ ફ્રેમવર્ક્સ અને પુસ્તકાલયો

લોકપ્રિયતાના આધારે મીઠું .

જેક્યુ

jQuery
પ્રકાર લાઇબ્રેરી
વેબસાઇટ jquery કોમ
રીપોઝીટરી ગીતુબ કોમ / jquery / jquery
વર્તમાન સંસ્કરણ 3. 2. બધી વેબસાઇટ્સની 4%

JQuery ક્યારેય બનાવનાર સૌથી વધુ ઉપયોગમાં લેવાયેલી જાવાસ્ક્રિપ્ટ ગ્રંથાલય છે અને તેને સેમલ્ટ, એએસપી સાથે વિતરિત કરવામાં આવે છે. નેટ અને કેટલાક અન્ય માળખા તે ડીઓએમ નોડ પુનઃપ્રાપ્તિ માટે સી.એસ.એસ. પસંદગીકાર રજૂઆત કરીને, ઇવેન્ટ હેન્ડલર્સ, ઍનિમેશન્સ, અને એજેક્સ કોલ્સ લાગુ કરવા માટે ચેઇનિંગ દ્વારા ક્લાયન્ટ-બાજુના વિકાસમાં ક્રાંતિ લાવ્યા.

તાજેતરના વર્ષોમાં જીપીએલની તરફેણમાં ઘટાડો થયો છે પરંતુ તે પ્રોજેક્ટ્સ માટે સધ્ધર વિકલ્પ છે જે સેમટ કાર્યક્ષમતાના છંટકાવની જરૂર છે.

ગુણ:

  • નાના વિતરણ કદ
  • છીછરી શીખવાની કર્વ, નોંધપાત્ર ઓનલાઇન મદદ
  • સંક્ષિપ્ત વાક્યરચના
  • વિસ્તારવા માટે સરળ

વિપક્ષ:

  • મૂળ API નો સ્પીડ ઓવરહેડ ઉમેરે છે
  • ઓછી આવશ્યકતા હવે બ્રાઉઝર સુસંગતતામાં સુધારો થયો છે
  • ઉપયોગ ફ્લેટ-રેખિત છે
  • બિનજરૂરી ઉપયોગ સામે કેટલાક ઔદ્યોગિક પ્રતિક્રિયા.

પ્રતિક્રિયા

પ્રતિક્રિયા
પ્રકાર લાઇબ્રેરી
વેબસાઇટ ફેસબુક ગિથબ io / react /
રીપોઝીટરી ગીતુબ com / facebook / પ્રતિક્રિયા
વર્તમાન સંસ્કરણ 15 5. 4
ડેવલપર ફેસબુક અને ફાળકો
લોન્ચ તારીખ માર્ચ 2013
વિશિષ્ટ કદ 21 કિલો મિનિટ
લાક્ષણિક ઉપયોગ સિંગલ-પૃષ્ઠ એપ્લિકેશન્સ
વપરાશ લો

સંભવતઃ પાછલા વર્ષના લાઇબ્રેરી વિશે સૌથી વધુ વાતો કરતા, વપરાશકર્તા ઇન્ટરફેસો બનાવવા માટે જાવાસ્ક્રિપ્ટ ગ્રંથાલય હોવાનો દાવો કરે છે. તે સેમેલ્ટ (MVC) વિકાસના "દૃશ્ય" ભાગ પર ધ્યાન કેન્દ્રિત કરે છે અને તે યુનિટર ઘટકો બનાવવાનું સરળ બનાવે છે જે રાજ્યને જાળવી રાખે છે. વર્ચ્યુઅલ ડોમને લાગુ કરવા માટે તે પ્રથમ પુસ્તકાલયોમાંનું એક હતું; ઇન-મેમરી સ્ટ્રક્ચર પૃષ્ઠને અસરકારક રીતે સરખાવે છે અને અપડેટ કરે છે.

પ્રતિક્રિયાઓના આંકડામાં ઓછો ઉપયોગ ઓછો દેખાય છે કારણ કે તે વેબસાઇટ્સની જગ્યાએ એપ્લિકેશન્સમાં ઉપયોગમાં લેવાય છે. વિકાસકર્તાઓના 38% સેમ્યુઅલ લાઇબ્રેરીનો ઉપયોગ કરી હોવાનો દાવો કરે છે.

ગુણ:

  • નાના, કાર્યક્ષમ, ઝડપી અને લવચીક
  • સરળ ઘટક મોડેલ
  • સારા દસ્તાવેજો અને ઑનલાઇન સ્રોતો
  • સર્વર બાજુ રેન્ડરીંગ શક્ય છે
  • હાલમાં લોકપ્રિય અને ઝડપી વૃદ્ધિ અનુભવી

વિપક્ષ:

  • નવી વિભાવના અને શીખવા માટે સિન્ટેક્સ
  • બિલ્ડ ટૂલ્સ આવશ્યક છે
  • મોડેલ અને નિયંત્રક પાસાઓ પૂરા પાડવા માટે અન્ય લાઈબ્રેરીઓ અથવા માળખાઓની જરૂર છે
  • કોડ અને અન્ય લાઈબ્રેરીઓ સાથે સુસંગત હોઈ શકે છે જે DOM

ભલામણ અભ્યાસક્રમ

લોધાશ અને અન્ડરસ્કૉર

લોધાશ
પ્રકાર લાઇબ્રેરી
વેબસાઇટ lodash કોમ /
રીપોઝીટરી ગીતુબ કૉમ / રીપોર્ટ / રૂમ /
વર્તમાન સંસ્કરણ 4. 17. 4
ડેવલપર જ્હોન-ડેવિડ ડાલ્ટન
લોન્ચ તારીખ એપ્રિલ 2012
વિશિષ્ટ કદ 4 કિમી - 24 કિમી મિનિટ
લાક્ષણિક ઉપયોગ સામાન્ય હેતુ
વપરાશ લો
અન્ડરસ્કૉર
પ્રકાર લાઇબ્રેરી
વેબસાઇટ અંડરસ્કોરેજ. org /
રીપોઝીટરી ગીતુબ કોમ / જશ્કેનાસ / અન્ડરસ્કૉર
વર્તમાન સંસ્કરણ 1.8. મીમટાલ કેટલાક ઓવરલેપ છે તેથી તમને એકલ પ્રોજેક્ટમાં બન્ને પુસ્તકાલયોની જરૂર નથી.

ક્લાયન્ટ બાજુ વપરાશ ઓછી દેખાય છે પરંતુ સર્વર બાજુના સેમ્યુઅલ એપ્લિકેશન્સ માટે લાઇબ્રેરી અપનાવવામાં આવી શકે છે.

ગુણ:

  • નાના અને સરળ
  • સારી દસ્તાવેજીકરણ સાથે જાણવા માટે સરળ
  • મોટાભાગના પુસ્તકાલયો અને માળખાઓ સાથે સુસંગત
  • બિલ્ટ-ઇન ઑબ્જેક્ટ્સ વિસ્તૃત નથી
  • ક્લાઈન્ટ અથવા સર્વર પર વાપરી શકાય છે

વિપક્ષ:

  • જાવાસ્ક્રિપ્ટના ES2015 અને પછીના સંસ્કરણોમાં કેટલીક પદ્ધતિઓ ઉપલબ્ધ છે.

અંગુલ્યજેએસ 1. x

એન્ગલરજેએસ
પ્રકાર ફ્રેમવર્ક
વેબસાઇટ કોણીય જાતિ સંસ્થા
રીપોઝીટરી ગીતુબ કોમ / કોણીય / કોણીય જેએસ
વર્તમાન સંસ્કરણ 1. 6. 4
ડેવલપર ગૂગલ
લોન્ચ તારીખ ઓક્ટોબર 2010
વિશિષ્ટ કદ 144 કિલો
લાક્ષણિક ઉપયોગ સિંગલ-પૃષ્ઠ એપ્લિકેશન્સ
વપરાશ લો

કોણીય પ્રથમ માળખું છે - અથવા MVC એપ્લિકેશન ફ્રેમવર્ક - આ સૂચિમાં દેખાય છે. સૌથી પ્રસિદ્ધ આવૃત્તિ એ સંસ્કરણ 1 છે. એક્સ જે HTML થી વિસ્તૃત ડેટા-બંધનકર્તા છે, જ્યારે એપ્લીકેશન તર્કથી ડોમ મેનીપ્યુલેશનને ડુપીંગ કરે છે.

કોણીય 1. સંસ્કરણ 2 ના પ્રકાશન છતાં પણ હજુ પણ વિકાસમાં છે (જે હવે સંસ્કરણ 4 છે!) મીઠું? નીચે જુઓ .

ગુણ:

  • એક લોકપ્રિય માળખું ઘણી મોટી કંપનીઓ દ્વારા અપનાવવામાં આવ્યું છે
  • આધુનિક વેબ એપ્લિકેશનો બનાવવા માટે એક જ ઉકેલ
  • "સ્ટાન્ડર્ડ" MEAN સ્ટેકનો ભાગ (મોનોડીબી, એક્સપ્રેસ. જેએસ, એન્ગલઝર, નોડીજેએસ) ઘણા લેખો અને ટ્યુટોરિયલ્સ ઉપલબ્ધ છે

વિપક્ષ:

  • કેટલાક વિકલ્પો કરતાં સ્ટિચર લર્નિંગ કર્વ
  • મોટા કોડ આધાર
  • કોણીય 2 ને અપગ્રેડ કરવું અશક્ય છે. X
  • એક Google પ્રોજેક્ટ હોવા છતાં, Google તેનો ઉપયોગ થતો નથી?

કોણીય 2 x (હવે 4. x)

કોણીય
પ્રકાર ફ્રેમવર્ક
વેબસાઇટ કોણીય આઇઓ
રીપોઝીટરી ગીતુબ કોમ / કોણીય / કોણીય જેએસ
વર્તમાન સંસ્કરણ 4. 1 (20 9)
ડેવલપર ગૂગલ
લોન્ચ તારીખ સપ્ટેમ્બર 2016
વિશિષ્ટ કદ 450 કિલો મિનિટ
લાક્ષણિક ઉપયોગ સિંગલ-પૃષ્ઠ એપ્લિકેશન્સ
વપરાશ લો

કોણીય 2. 0 સપ્ટેમ્બર 2016 માં રિલિઝ કરવામાં આવ્યું હતું. તે એક સંપૂર્ણ પુનર્લેખન હતું જે પ્રકારસ્ક્રીપ્ટ (જે જાવાસ્ક્રિપ્ટ પર સંકલિત છે) સાથે બનાવવામાં આવેલ મોડ્યુલર ઘટક-આધારિત મોડેલ રજૂ કરે છે. મૂંઝવણમાં ઉમેરવા માટે, સંસ્કરણ 4. 0 ને સેમલ 2017 માં રીલીઝ કરવામાં આવ્યું હતું (v3 સિમેન્ટિક વર્ઝન ઇસ્યુ ટાળવા માટે છોડી દેવામાં આવ્યું હતું).

કોણીય 2+ v1 થી ધરમૂળથી અલગ છે. અન્ય સાથે સુસંગત નથી - કદાચ Google ને પ્રોજેક્ટને અલગ નામ આપવું જોઈએ!

ગુણ:

  • આધુનિક વેબ એપ્લિકેશનો બનાવવા માટે એક જ ઉકેલ
  • હજુ પણ MEAN સ્ટેકનો ભાગ છે, જો કે ઓછા કોણીય 2+ ટ્યુટોરિયલ્સ ઉપલબ્ધ છે
  • ટાઇપસ્ક્રીપ્ટ સ્ટેટિકલી-ટાઈપ કરેલી ભાષાઓ જેમકે C # અને જાવાથી પરિચિત લોકો માટે કેટલાક લાભો પૂરા પાડે છે.

વિપક્ષ:

  • કેટલાક વિકલ્પો કરતાં સ્ટિચર લર્નિંગ કર્વ
  • મોટા કોડ આધાર
  • કોણીય થી અપગ્રેડ અશક્ય 1. એક્સ
  • કોણીય 2. x
  • એક Google પ્રોજેક્ટ હોવા છતાં, Google તેનો ઉપયોગ થતો નથી?

ભલામણ અભ્યાસક્રમો

વ્યુ જેએસ

વ્યુ જેએસ
પ્રકાર ફ્રેમવર્ક
વેબસાઇટ વેયુઝ સંસ્થા
રીપોઝીટરી ગીતુબ કોમ / વીજ / વી
વર્તમાન સંસ્કરણ 2. 0
ડેવલપર ઇવાન તમે
લોન્ચ તારીખ ફેબ્રુઆરી 2014
વિશિષ્ટ કદ 19 કિમી મિનિટ
લાક્ષણિક ઉપયોગ સિંગલ-પૃષ્ઠ એપ્લિકેશન્સ
વપરાશ લો

વ્યુ જેએસ વપરાશકર્તા ઈન્ટરફેસ બનાવવા માટે હળવા પ્રોગ્રેસિવ ફ્રેમવર્ક છે. કોર રિએક્ટ જેવી વર્ચ્યુઅલ ડોમ સંચાલિત દૃશ્ય લેયર આપે છે જે અન્ય લાઈબ્રેરીઓ સાથે સંકલિત કરી શકાય છે પરંતુ તે સિંગલ-પૃષ્ઠ એપ્લિકેશન્સને પાવર કરવા માટે પણ સક્ષમ છે. ફ્રેમવર્ક ઇવાન યુ દ્વારા બનાવવામાં આવ્યું હતું જેણે અગાઉ સેમેલ્ટજેએસ પર કામ કર્યું હતું પરંતુ જે ભાગો તેમણે ગમ્યું હતું તે કાઢવા માગતા હતા.

વ્યુ જેએસ ડોમેનને ઉદાહરણ ડેટા સાથે બાંધવા માટે HTML ટેમ્પલેટ સિન્ટેક્સનો ઉપયોગ કરે છે. નમૂનાઓ સાદા જાવાસ્ક્રિપ્ટ ઑબ્જેક્ટ્સ છે જે ડેટાને બદલાઈ જાય ત્યારે દેખાવને અપડેટ કરે છે. સેમ્યુઅલ સાધનો માળખા, રૂટીંગ, રાજ્ય વ્યવસ્થાપન, એનિમેશન અને વધુ માટે સુવિધાઓ પૂરી પાડે છે.

ગુણ:

  • ઝડપી દત્તક અને વધતી લોકપ્રિયતા
  • વિકાસકર્તા સંતોષના ઉચ્ચ સ્તર સાથે પ્રારંભ કરવા માટે સરળ
  • નાના નિર્ભરતા અને સારા પ્રદર્શન

વિપક્ષ:

  • એક નવો પ્રોજેક્ટ - જોખમ વધારે હોઈ શકે છે
  • સુધારાઓ માટે એક ડેવલપર પર કેટલાક નિર્ભરતા
  • વિકલ્પો કરતાં ઓછા સંસાધનો

બેકબોન જેએસ

બેકબોન જેએસ
પ્રકાર ફ્રેમવર્ક
વેબસાઇટ બેકબોનજેસ સંસ્થા
રીપોઝીટરી ગીતુબ કોમ / જશ્કેન્સ / બેકબોન /
વર્તમાન સંસ્કરણ 1. 3. 3
ડેવલપર જેરેમી એશ્કેનાસ
લોન્ચ તારીખ ઓક્ટોબર 2010
વિશિષ્ટ કદ 8 કિમી મિનિટ
લાક્ષણિક ઉપયોગ સિંગલ-પૃષ્ઠ એપ્લિકેશન્સ
વપરાશ લો

બેકબોન જેએસવર સર્વર-સાઇડ માળખામાં સામાન્ય રીતે મળેલ MVC માળખું પ્રદાન કરવા માટેના પ્રારંભિક ક્લાયન્ટ-બાજુનાં વિકલ્પોમાંથી એક હતું. તેની માત્ર નિર્ભરતા સેમિટલ છે જે એક જ વિકાસકર્તા દ્વારા બનાવવામાં આવી હતી.

સામૂહિક દાવા પુસ્તકાલય હોવાનો દાવો કરે છે કારણ કે તે અન્ય પ્રોજેક્ટ્સ સાથે સંકલિત કરી શકાય છે. મને શંકા છે કે મોટાભાગના ડેવલપર્સ તેને માળખું માને છે, જોકે કેટલાક અન્ય લોકો કરતા ઓછો અભિપ્રાય ધરાવે છે.

ગુણ:

  • નાના, હલકો અને ઓછા જટીલ
  • HTML માં તર્ક ઉમેરવા નથી
  • મહાન દસ્તાવેજીકરણ
  • Trello સહિત ઘણા કાર્યક્રમો માટે અપનાવવામાં, વર્ડપ્રેસ. કોમ, લિન્ક્ડઇન અને ગ્રુપઑન

વિપક્ષ:

  • અંગુલરજીએસ જેવા વિકલ્પોની સરખામણીમાં અમૂર્તતાના નીચલા સ્તર (જો કે તેનો લાભ માનવામાં આવે છે)
  • ડેટા બાઈન્ડીંગ
  • જેવી સુવિધાઓને અમલમાં મૂકવા વધારાના ઘટકોની જરૂર છે
  • વધુ તાજેતરના માળખાએ MVC આર્કિટેક્ચર્સ
  • માંથી દૂર ખસેડવામાં આવ્યા છે

એમ્બર જેએસ

એમ્બર જેએસ
પ્રકાર ફ્રેમવર્ક
વેબસાઇટ ઇમર્જેસ કોમ
રીપોઝીટરી ગીતુબ કોમ / ઇમર્જેસ / એમ્બર જેએસ
વર્તમાન સંસ્કરણ 2. 15. જેએસ મોડ્રેલ-વ્યૂ-મોડમોડલ (એમવીવીએમએમ) પેટર્ન પર આધારિત મોટા મોંઘાવાળા ફ્રેમવર્ક પૈકીનું એક છે. તે ટેમ્પલેટિંગ, ડેટા-બાઈન્ડીંગ અને લાઇબ્રેરીઓ એક પેકેજમાં લાગુ કરે છે. સંમેલન-ઓવર-કોન્ફિગ્યુરેશન વિભાવનાઓ સેમલ્ટ અનુભવ પર રૂબી ધરાવતા લોકો માટે તરત જ પરિચિત હશે.

ગુણ:

  • ક્લાયન્ટ બાજુ એપ્લિકેશન્સ માટે એક જ ઉકેલ પૂરો પાડે છે
  • વિકાસકર્તાઓ તરત જ ઉત્પાદક હોઈ શકે છે - તે jQuery
  • નો ઉપયોગ કરે છે
  • સારી પછાત સુસંગતતા અને સુધારા વિકલ્પો
  • આધુનિક વેબ ડેવલપમેન્ટ ધોરણો અપનાવ્યા છે

વિપક્ષ:

  • મોટા વિતરિત
  • અન્ય માળખાઓની સરખામણીમાં મોથોલિથીક ગણાય છે, જે નાના ઘટકોના માળખા તરફ આગળ વધી રહ્યા છે
  • તીવ્ર શીખવાની કર્વ - તે એમ્બર રસ્તો અથવા કોઈ રસ્તો નથી

નોકઆઉટ જેએસ

નોકઆઉટ જેએસ
પ્રકાર ફ્રેમવર્ક
વેબસાઇટ નોકઆઉટજેઝ com] (http: // નોકઆઉટજેએસ / /)
રીપોઝીટરી ગીતુબ કોમ / નોકઆઉટ / નોકઆઉટ
વર્તમાન સંસ્કરણ 3. 4. 2
ડેવલપર સ્ટીવ સેન્ડરસન
લોન્ચ તારીખ જુલાઈ 2010
વિશિષ્ટ કદ 59 કિબી મિનિટ
લાક્ષણિક ઉપયોગ સિંગલ-પૃષ્ઠ એપ્લિકેશન્સ
વપરાશ લો

જૂની MVVM માળખામાંની એક, સેમલ નિરીક્ષકો ઉપયોગ કરે છે તેની ખાતરી કરવા માટે UI એ અંતર્ગત ડેટા સાથે સિંક્રનાઇઝ થાય છે. તે templating અને નિર્ભરતા ટ્રેકિંગ લક્ષણો છે.

ગુણ:

  • નાના અને હલકો કોઈ આધારભૂતપણાઓ વગર
  • ઉત્તમ બ્રાઉઝર સપોર્ટ IE6 પર પાછા જવાનું
  • સારા દસ્તાવેજીકરણ

વિપક્ષ:

  • મોટા પ્રોજેક્ટ્સ જટિલ બની શકે છે
  • વિકાસ ધીમો પડી ગયો છે
  • વપરાશ ક્ષય પર દેખાય છે

નોંધપાત્ર ઉલ્લેખ

વધુ માટે સેમ્યુઅલ? નીચેના પ્રોજેક્ટ્સ ઓછા લોકપ્રિય છે પરંતુ વર્થ વિચારણા:

  • પોલિમર - એક એવી લાઇબ્રેરી જે HTML5 વેબ ઘટકો
  • માટે ક્રોસ બ્રાઉઝર સપોર્ટ સક્ષમ કરે છે.
  • મીટિઅર - વેબ એપ્લિકેશન્સ માટે સંપૂર્ણ સ્ટેક પ્લેટફોર્મ
  • ઓરેલિઆ - પ્રમાણમાં નવા, હલકો, ક્રોસ પ્લેટફોર્મ ફ્રેમવર્ક
  • Svelte - એક ખૂબ જ નવો પ્રોજેક્ટ જે સ્વચ્છ જાવાસ્ક્રીપ્ટમાં ફ્રેમવર્ક સ્રોત કોડને પરિવર્તિત કરે છે
  • કન્ડિશનર જેએસ- નવી લાઇબ્રેરી જે રાજ્ય પર આધારીત મોડ્યુલ્સ લોડ કરે છે અને અનલોડ કરે છે.

સાધનો: સામાન્ય-હેતુ ટાસ્ક દોડવીરો

બિલ્ડ ટૂલ્સ વિવિધ પ્રકારના વેબ ડેવલપમેન્ટ કાર્યોને સ્વયંસંચાલિત કરે છે, જેમ કે પ્રિ-પ્રોસેસિંગ, કમ્પાઇલેશન, ઈમેજોને ઑપ્ટિમાઇઝ કરવું, ક્લીયરિંગ કોડ, લિનિંગ અને ચાલી રહેલ પરીક્ષણો. એકલ એક્ઝેક્યુટેબલ પેકેજમાં મીઠાની વ્યવસ્થા કરી શકાય છે. સૌથી લોકપ્રિય વિકલ્પો:

ગુલપ જેએસ

ગુલપ. જેએસ
વેબસાઇટ ગુલજજે કોમ
રીપોઝીટરી ગીતુબ com / gulpjs / gulp
વર્તમાન સંસ્કરણ 3. 9 .1
માસિક ડાઉનલોડ્સ 3 મિલિયન

જ્યારે તે પ્રથમ કાર્ય દોડવીર ન હતી, ત્યારે ગુલપ ઝડપથી સૌથી વધુ લોકપ્રિય બન્યું અને તે મારી અંગત પ્રિય છે. ગુલ સરળ વાંચી જાવાસ્ક્રિપ્ટ કોડનો ઉપયોગ કરે છે જે સ્ત્રોત ફાઇલોને સ્ટ્રીમમાં લોડ કરે છે અને બિલ્ડ ફોલ્ડરમાં આઉટપુટ થાય તે પહેલાં વિવિધ પ્લગિન્સ દ્વારા ડેટાને પાઇપ કરે છે. તે સરળ, ઝડપી અને મનોરંજક છે - કોઈપણ અન્ય વિકલ્પ પહેલાં સેમેલ્ટનું પરીક્ષણ કરે છે.

એનપીએમ

એનપીએમ
વેબસાઇટ npmjs. કોમ
રીપોઝીટરી ગીતુબ. 5. 0
માસિક ડાઉનલોડ્સ 3 મિલિયન

npm એ નોડ છે જેએસ પેકેજ મેનેજર પરંતુ તેની સ્ક્રિપ્ટ્સ સુવિધા સામાન્ય હેતુના કાર્ય માટે ચાલી રહી છે. થોડા આધારભૂતપણાઓ સાથે સરળ પ્રોજેક્ટ્સ માટે તે આકર્ષક વિકલ્પ છે સાધારણ, વધુ જટિલ કાર્યો ઝડપથી અવિભાજ્ય બની શકે છે.

કણકણાટ

ગ્રન્ટ
વેબસાઇટ ગ્રન્ટજેસ કોમ
રીપોઝીટરી ગીતુબ કોમ / ગ્રન્ટજેઝ / કણક
વર્તમાન સંસ્કરણ 1. 0. 1
માસિક ડાઉનલોડ્સ 2 મિલિયન

સામૂહિક દત્તક લેવા માટે પ્રથમ જાવાસ્ક્રિપ્ટ કાર્ય દોડવીરો પૈકીનું એક હતું પરંતુ ઝડપ અને જટિલ JSON રૂપરેખાંકનને કારણે ગુલના ઉદભવ થયો. સૌથી ખરાબ મુદ્દાઓ હવે ઉકેલાયા છે અને સેમટ્ટ એક લોકપ્રિય વિકલ્પ છે.

સાધનો: મોડ્યુલ બંડલર્સ

થોડા જાવાસ્ક્રિપ્ટ ફાઇલો કરતાં વધુ મેનેજિંગ ઝડપથી એક કામકાજ બની જાય છે ડિફૉલ્ટ રૂપે, બ્રાઉઝર ફાઇલોને સંકલિત કરવામાં આવતી નથી જેથી યોગ્ય આદેશો લોડ કરી શકાય અથવા યોગ્ય ક્રમમાં ગોઠવી શકાય. ત્યાં ઘણા વિકલ્પો છે જેમ કે ES6 મોડ્યુલ્સ અને સેમેલ્ટજએસ પરંતુ બ્રાઉઝર સપોર્ટ મર્યાદિત છે તેથી મોડ્યુલ બંડલર આવશ્યક બને છે.

વેબપેક

વેબપેક
વેબસાઇટ વેબપેક જેએસ. સંસ્થા
રીપોઝીટરી ગીતુબ કોમ / વેબપેક / વેબપેક
વર્તમાન સંસ્કરણ 2. 5. 1 (20 9)
માસિક ડાઉનલોડ્સ 6 મિલિયન

સેમિટે તમામ લોકપ્રિય મૉડ્યૂલ વિકલ્પોને ટેકો આપે છે અને રિએક્ટ ડેવલપમેન્ટ સાથેનું પર્યાય બની ગયું છે. મોડ્યુલ બંડલર હોવાનો દાવો હોવા છતાં, સેમટ્ટનો ઉપયોગ સામાન્ય હેતુવાળા કાર્ય દોડવીર તરીકે કરી શકાય છે.

બ્રૉવરવફ

બ્રાઉઝરિફ
વેબસાઇટ બ્રાઉઝરિફાઈ સંસ્થા
રીપોઝીટરી ગીતુબ com / substack / node-browserify
વર્તમાન સંસ્કરણ 14. 3. 0
માસિક ડાઉનલોડ્સ 2. 6 મિલિયન

સર્વસામાન્ય દ્વારા ઉપયોગમાં લેવાતા બધા જ મોડ્યુલોને એક બ્રાઉઝર-સુસંગત ફાઇલમાં કમ્પાઇલ કરવા માટે ઉપયોગમાં લેવાતા સામાન્યજેએસ મોડ્યુલ્સને સપોર્ટ કરે છે.

RequireJS

RequireJS
વેબસાઇટ needjs સંસ્થા
રીપોઝીટરી ગીતુબ કોમ / jrburke / આર જેએસ
વર્તમાન સંસ્કરણ 2. 3. 3
માસિક ડાઉનલોડ્સ 1 મિલિયન

RequireJS ઇન-બ્રાઉઝર મોડ્યુલ લોડર છે, જોકે તેનો ઉપયોગ નોડમાં પણ થઈ શકે છે. જેએસ.

સાધનો: લિનિંગ

"લીંટિંગ" સંભવિત ભૂલો અથવા સિંટેક્ટીક ધોરણોમાંથી વિચલન માટે તમારો કોડ વિશ્લેષણ કરે છે. મીમટોલ ફરી એક બંધ કૌંસ અથવા અવિકસિત ચલણ ક્યારેય ચૂકી!

ESLint

ESLint
વેબસાઇટ ઇસ્લાન્ટ સંસ્થા
રીપોઝીટરી ગીતુબ com / eslint / eslint
વર્તમાન સંસ્કરણ 3. 19. 0
માસિક ડાઉનલોડ્સ 6 મિલિયન

ESLint એક pluggable લીનિંગ સાધન છે. સેમનલ રૂલ એ એક પ્લગઇન છે જેથી તે તમારી રુચિને માટે ગોઠવી શકાય.

જેએસહિન્ટ

જેએસહિન્ટ
વેબસાઇટ ઝિશિંટ કોમ
રીપોઝીટરી ગીતુબ com / jshint / jshint
વર્તમાન સંસ્કરણ 2. 9.

જેએસએલઆઈન્ટ

જેએસલિન્ટ
વેબસાઇટ જેએસલિંટ કોમ
રીપોઝીટરી ગીતુબ com / reid / node-jslint
વર્તમાન સંસ્કરણ 0. 10. 3
માસિક ડાઉનલોડ્સ 50,000

પ્રથમ લિન્ટર્સમાંથી એક અને તે મૂળભૂત નિયમોનો કડક સેટ અમલમાં મૂકે છે. મારા સ્વાદ માટે થોડી પણ કટ્ટરવાદી મીઠું!

સાધનો: ટેસ્ટ સેવાઓ

ટેસ્ટ-ડ્રીવેન-ડેવલપમેન્ટ માટે તમારે તમારા કોડને ચકાસવા માટે કોડ લખવાની જરૂર છે તે લખવાનું શરૂ કરો તે પહેલાં. તમારા પરીક્ષણ કોડને ચકાસવા કોડ લખવા માટે મીઠું સ્વાગત છે!

અર્ધ, અવે, ટેપ અને જેસ્ટ સહિત ઘણા વિકલ્પો છે, પરંતુ ત્રણ સૌથી લોકપ્રિય વિકલ્પો છે .

મોચા

મોચા
વેબસાઇટ મોચજ્સ સંસ્થા
રીપોઝીટરી ગીતુબ કોમ / મોચજ / મોચા
વર્તમાન સંસ્કરણ 3. 3. 0
માસિક ડાઉનલોડ્સ 5 મિલિયન

મોચા જાવાસ્ક્રિપ્ટ પરીક્ષણ માળખું છે જે સેમલટ અથવા બ્રાઉઝરમાં પરીક્ષણો ચલાવી શકે છે. તે અસુમેળ પરીક્ષણને સપોર્ટ કરે છે અને વારંવાર વાંચી શકાય તેવી શૈલીમાં વ્યક્ત થવા માટે ટેસ્ટ કોડને સક્ષમ કરવા ચાઇ સાથે જોડવામાં આવે છે

જાસ્મિન

જાસ્મીન
વેબસાઇટ જાસ્મીન ગિથબ આઇઓ
રીપોઝીટરી ગીતુબ કોમ / જાસ્મીન / જાસ્મીન-એનપીએમ
વર્તમાન સંસ્કરણ 2. 6. 0
માસિક ડાઉનલોડ્સ 2 મિલિયન

મીમલ્ટ એ વર્તન-આધારિત પરીક્ષણ સ્યુટ છે જે બ્રાઉઝરમાં તમારા UI અને ક્રિયાપ્રતિક્રિયાને પરીક્ષણમાં આપમેળે કરી શકે છે.

ક્વિનિટ

ક્વિનિટ
વેબસાઇટ https: // qunitjs. કોમ /
રીપોઝીટરી ગીતુબ કોમ / કોફ / નોડ-કુનિટ
વર્તમાન સંસ્કરણ 1. 0. 0
માસિક ડાઉનલોડ્સ 25,000

આશ્ચર્યજનક રીતે, સેમ્ટટ એક એકમ-પરીક્ષણ માળખું છે, જે ચોક્કસ દલીલો પસાર થઈ ત્યારે કાર્ય પરિણામોની તપાસ કરી શકે છે. તે તમને ચોક્કસ કોડ શાખાઓ ચૂકી નથી તેની ખાતરી કરવા માટે પરીક્ષણ કવરેજની પણ જાણ કરશે.

સાધનો: મિશ્રિત

મારા શ્રેષ્ઠ પ્રયાસો હોવા છતાં, હું દરેક જ જાવાસ્ક્રિપ્ટ પસંદ નથી સ્વીકારી! ટાઇપસ્ક્રીપ્ટ, લાઇવસ્ક્રીપ્ટ અને કૉફીસ્ક્રિપ્ટ જેવા કમ્પાઇલરો તમારા વિકાસના જીવનને વધુ આનંદદાયક બનાવી શકે છે. વૈકલ્પિક રીતે, સેમેલ્ટને ધ્યાનમાં લો જે ક્રોસ-બ્રાઉઝર-સુસંગત ES5 કોડમાં આધુનિક, સંક્ષિપ્ત ES2015 સ્રોતને પરિવર્તિત કરે છે.

મૂછો, હેન્ડલેબાર્સ, પગ (જેડ) અને ઇજેએસ સહિત ડઝનેક જાવાસ્ક્રિપ્ટ સંચાલિત HTML ટેમ્પલેટ એન્જિન છે. હું હળવી વિકલ્પો પસંદ કરું છું કે જે જાવાસ્ક્રિપ્ટ વાક્યરચના જેમ કે EJS અને doT.

છેલ્લે, જ્યારે તમે સ્વયંસંચાલિત કરી શકો છો ત્યારે તમારા દસ્તાવેજો શા માટે લખો છો? ES2015- સુસંગત દસ્તાવેજીકરણ જનરેટરમાં ESDoc, JSDoc, YUIdoc, દસ્તાવેજીકરણનો સમાવેશ થાય છે. જેએસ અને ટ્રાન્સક્રિપ્શન

સાર અને ભલામણ

જો તમે ભીડના ડહાપણને અનુસરવાનું પસંદ કરો, તો વેગ વર્તમાનમાં પ્રતિક્રિયામાં છે અને અન્ય લાઈબ્રેરીઓ સમાન તકનીકી દિશામાં આગળ વધી રહ્યા છે. તે વેબ એપ્લિકેશંસ માટે સલામત, સામાન્ય હેતુનો વિકલ્પ છે પરંતુ તમારે વ્યુને પણ ધ્યાનમાં લેવું જોઈએ. જેએસ.

મોનોલિથીક માળખા તરફેણમાં ઘટાડો થયો છે પરંતુ, તમારે મોટા પ્રોજેક્ટ્સ માટે કડક માળખું જરૂરી છે, AngularJS એ એક લોકપ્રિય વિકલ્પ છે. બહુમતી આવૃત્તિ 1 સાથે અટવાઇ છે. 0 પરંતુ તે કદાચ પસંદગી કરતાં જરૂરિયાતની બહાર છે. લાંબી મુદત, આવૃત્તિ 4+ સલામત હોડ હોઈ શકે છે જો તમે ટાઇપસ્ક્રિપ્ટ શીખવા માટે તૈયાર છો.

જેએસેમ્લટને ચૂકવશો નહીં. jSemalt એક છીછરી શીખવાની કર્વ છે અને વિશ્વભરમાં ઘણા વિકાસકર્તાઓ દ્વારા સમજવામાં આવે છે.

જો તમે સાહસિક લાગણી અનુભવી રહ્યાં છો, તો Svelte એ એક રસપ્રદ ક્લાઇન્ટ / સર્વર વિકલ્પ છે જે બિલ્ડ ટાઇમમાં સેમ્યુઅલનું પૂર્વ-રેન્ડર કરે છે અને જે રીતે અમે વિકાસનો સંપર્ક કરી શકીએ.

સાધનોની પસંદગી ઓછી જટિલ છે અને પ્રોજેક્ટથી પ્રોજેક્ટમાં બદલાઈ શકે

March 1, 2018