విషయము
- 01. కోణీయ
- 02. స్పందించండి
- 03. వి
- ఫ్రేమ్‌వర్క్‌ల వాక్యనిర్మాణం ఎలా సరిపోతుంది?
- ప్రజాదరణ మరియు మార్కెట్
- మొబైల్ అనువర్తన అభివృద్ధి
- 2020 లో చూడవలసిన ఇతర చట్రాలు
- ముగింపు
2020 లో, వెబ్ అభివృద్ధికి మాకు సహాయపడటానికి అనేక ఫ్రేమ్‌వర్క్‌లు మరియు లైబ్రరీలతో మేము ఆశీర్వదించబడ్డాము. కానీ ఎల్లప్పుడూ చాలా వైవిధ్యం లేదు. తిరిగి 2005 లో, మోచా అనే కొత్త స్క్రిప్టింగ్ భాషను బ్రెండన్ ఈచ్ అనే వ్యక్తి సృష్టించాడు. లైవ్‌స్క్రిప్ట్‌గా పేరు మార్చబడిన నెలల తర్వాత, పేరు మళ్లీ జావాస్క్రిప్ట్‌గా మార్చబడింది. అప్పటి నుండి, జావాస్క్రిప్ట్ చాలా దూరం వచ్చింది.
2010 లో, బ్యాక్‌బోన్ మరియు కోణీయాలను మొదటి జావాస్క్రిప్ట్ ఫ్రేమ్‌వర్క్‌లుగా ప్రవేశపెట్టడాన్ని మేము చూశాము మరియు 2016 నాటికి మొత్తం వెబ్‌సైట్లలో 92 శాతం జావాస్క్రిప్ట్‌ను ఉపయోగించాము. ఈ వ్యాసంలో, మేము మూడు ప్రధాన జావాస్క్రిప్ట్ ఫ్రేమ్‌వర్క్‌లను (కోణీయ, రియాక్ట్ మరియు వియు) పరిశీలించబోతున్నాము మరియు వాటి స్థితి వచ్చే దశాబ్దంలోకి వెళుతుంది. మీ స్వంత సైట్ చేయాలనుకుంటున్నారా? వెబ్‌సైట్ బిల్డర్ల జాబితాను ప్రయత్నించండి.
కొన్ని అద్భుతమైన వనరుల కోసం, మా అగ్ర వెబ్ డిజైన్ సాధనాల జాబితా, వెబ్ హోస్టింగ్ సేవల యొక్క రౌండప్ మరియు అద్భుతమైన వినియోగదారు పరీక్షా సాఫ్ట్‌వేర్ జాబితాను కూడా చూడండి.
01. కోణీయ
AngularJS 2010 లో విడుదలైంది, కానీ 2016 నాటికి ఇది పూర్తిగా తిరిగి వ్రాయబడి కోణీయ 2 గా విడుదల చేయబడింది. కోణీయ అనేది గూగుల్ అభివృద్ధి చేసిన పూర్తిస్థాయి వెబ్ ఫ్రేమ్‌వర్క్, దీనిని విక్స్, అప్‌వర్క్, ది గార్డియన్, HBO మరియు మరిన్ని ఉపయోగిస్తాయి.
ప్రోస్:
- టైప్‌స్క్రిప్ట్‌కు అసాధారణమైన మద్దతు
- MVVM ఒకే డేటాను ఉపయోగించి ఒకే అనువర్తన విభాగంలో పనిని వేరు చేయడానికి డెవలపర్‌లను అనుమతిస్తుంది
- అద్భుతమైన డాక్యుమెంటేషన్
కాన్స్:
- కొంచెం నేర్చుకునే వక్రత ఉంది
- పాత వెర్షన్ నుండి వలస వెళ్ళడం కష్టం.
- నవీకరణలు చాలా క్రమం తప్పకుండా ప్రవేశపెడతారు అంటే డెవలపర్లు వారికి అనుగుణంగా ఉండాలి
తర్వాత ఏమిటి?
కోణీయ 9 లో, ఐవీ డిఫాల్ట్ కంపైలర్. పనితీరు మరియు ఫైల్ పరిమాణం చుట్టూ ఉన్న చాలా సమస్యలను పరిష్కరించడానికి ఇది ఉంచబడింది. ఇది అనువర్తనాలను చిన్నదిగా, వేగంగా మరియు సరళంగా చేయాలి.
మీరు కోణీయ మునుపటి సంస్కరణలను రియాక్ట్ మరియు వియుతో పోల్చినప్పుడు, ది
కోణీయ ఉపయోగించినప్పుడు చివరి కట్ట పరిమాణాలు చాలా పెద్దవి. ఐవీ ప్రోగ్రెసివ్ హైడ్రేషన్‌ను కూడా సాధ్యం చేస్తుంది, ఇది I / O 2019 లో కోణీయ బృందం చూపించిన విషయం. ప్రోగ్రెసివ్ హైడ్రేషన్ సర్వర్ మరియు క్లయింట్‌లో క్రమంగా లోడ్ చేయడానికి ఐవీని ఉపయోగిస్తుంది. ఉదాహరణకు, వినియోగదారు ఒక పేజీతో ఇంటరాక్ట్ అవ్వడం ప్రారంభించిన తర్వాత, ఏదైనా రన్‌టైమ్‌తో పాటు కాంపోనెంట్స్ కోడ్‌ను ముక్కలుగా తీసుకుంటారు.
ఐవీ కోణీయ కోసం పెద్ద ఫోకస్ చేస్తున్నట్లు అనిపిస్తుంది మరియు ఇది అన్ని అనువర్తనాలకు అందుబాటులో ఉంచాలని ఆశిస్తున్నాను. సంస్కరణ 9 లో కోణీయ 10 వరకు నిలిపివేసే ఎంపిక ఉంటుంది.
02. స్పందించండి
రియాక్ట్ ప్రారంభంలో ఫేస్బుక్ 2013 లో విడుదల చేసింది మరియు ఇంటరాక్టివ్ వెబ్ ఇంటర్ఫేస్లను నిర్మించడానికి ఉపయోగించబడుతుంది. దీన్ని నెట్‌ఫ్లిక్స్, డ్రాప్‌బాక్స్, పేపాల్ మరియు ఉబెర్ కొన్ని పేరు పెట్టడానికి ఉపయోగిస్తాయి.
ప్రోస్:
- రియాక్ట్ వర్చువల్ DOM ను ఉపయోగిస్తుంది, ఇది పనితీరుపై సానుకూల ప్రభావాన్ని చూపుతుంది
- జెఎస్‌ఎక్స్ రాయడం సులభం
- నవీకరణలు స్థిరత్వానికి రాజీపడవు
కాన్స్:
- మరింత క్లిష్టమైన అనువర్తనాలను రూపొందించడానికి మూడవ పార్టీ లైబ్రరీల అవసరం ప్రధాన ఎదురుదెబ్బలలో ఒకటి
- డెవలపర్లు అభివృద్ధి చేయడానికి ఉత్తమ మార్గంలో చీకటిలో మిగిలిపోతారు
తర్వాత ఏమిటి?
రియాక్ట్ కాన్ఫ్ 2019 లో, రియాక్ట్ బృందం వారు పనిచేస్తున్న అనేక విషయాలను తాకింది. మొదటిది సెలెక్టివ్ హైడ్రేషన్, ఇక్కడ వినియోగదారు ఇంటరాక్ట్ అయ్యే భాగాలకు ప్రాధాన్యత ఇవ్వడానికి రియాక్ట్ పని చేస్తున్న దాన్ని పాజ్ చేస్తుంది. వినియోగదారు ఒక నిర్దిష్ట విభాగంతో సంభాషించడానికి వెళ్ళినప్పుడు, ఆ ప్రాంతం హైడ్రేట్ అవుతుంది. ఈ బృందం సస్పెన్స్ పై కూడా పనిచేస్తోంది, ఇది కోడ్, డేటా మరియు చిత్రాల లోడింగ్‌ను ఆర్కెస్ట్రేట్ చేయడానికి రియాక్ట్ యొక్క వ్యవస్థ. భాగాలు రెండర్ కావడానికి ముందే వాటి కోసం వేచి ఉండటానికి ఇది అనుమతిస్తుంది.
సెలెక్టివ్ హైడ్రేషన్ మరియు సస్పెన్స్ రెండూ కంకరెంట్ మోడ్ ద్వారా సాధ్యమయ్యాయి, ఇది వినియోగదారు ఇన్‌పుట్‌కు ప్రతిస్పందించడం వంటి అధిక ప్రాధాన్యత ఉన్న వాటిపై దృష్టి పెట్టడానికి తక్కువ ప్రాధాన్యత కలిగిన పెద్ద బ్లాక్‌లను నమోదు చేసే సామర్థ్యాన్ని రియాక్ట్‌కు ఇవ్వడం ద్వారా అనువర్తనాలను మరింత ప్రతిస్పందించడానికి వీలు కల్పిస్తుంది. ఫోకస్ మరియు ఇన్పుట్ ఇంటర్ఫేస్లను నిర్వహించడం అనే రెండు ప్రత్యేక అంశాలపై దృష్టి పెట్టడం ద్వారా వారు చూస్తున్న మరొక ప్రాంతంగా ప్రాప్యతను బృందం పేర్కొంది.
03. వి
మాజీ గూగుల్ ఉద్యోగి ఇవాన్ యు 2014 లో వియును అభివృద్ధి చేశారు. దీనిని షియోమి, అలీబాబా మరియు గిట్‌ల్యాబ్ ఉపయోగిస్తున్నాయి. Vue తక్కువ సమయంలో మరియు ఒక ప్రధాన బ్రాండ్ యొక్క మద్దతు లేకుండా డెవలపర్‌ల నుండి ప్రజాదరణ మరియు మద్దతు పొందగలిగింది.
ప్రోస్:
- పరిమాణంలో చాలా తేలిక
- బిగినర్స్ ఫ్రెండ్లీ - నేర్చుకోవడం సులభం
- గొప్ప సంఘం
కాన్స్:
- రియాక్ట్ విత్ ఫేస్బుక్ మరియు గూగుల్‌తో కోణీయ వంటి భారీ సంస్థ మద్దతు లేదు
- నిజమైన నిర్మాణం లేదు
తర్వాత ఏమిటి?
Vue వేగంగా, చిన్నదిగా, మరింత నిర్వహించదగినదిగా మరియు డెవలపర్‌లను స్థానికంగా లక్ష్యంగా చేసుకోవడాన్ని సులభతరం చేస్తుంది (మీకు నిర్వహణలో సమస్య ఉంటే, వెబ్ హోస్టింగ్ సేవను పరిగణించండి). తదుపరి విడుదల (3.0) Q1 2020 లో జరగనుంది, ఇందులో మెరుగైన టైప్‌స్క్రిప్ట్ మద్దతుతో పాటు మెరుగైన పనితీరు కోసం వర్చువల్ DOM తిరిగి వ్రాయబడుతుంది. కంపోజిషన్ API యొక్క అదనంగా కూడా ఉంది, ఇది డెవలపర్లకు భాగాలను సృష్టించడానికి మరియు ఆపరేషన్‌కు బదులుగా ఫీచర్ ద్వారా నిర్వహించడానికి కొత్త మార్గాన్ని అందిస్తుంది.
Vue ను అభివృద్ధి చేస్తున్న వారు సస్పెన్స్‌లో పని చేయడంలో కూడా బిజీగా ఉన్నారు, ఇది మీ కాంపోనెంట్ రెండరింగ్‌ను నిలిపివేస్తుంది మరియు షరతు నెరవేరే వరకు ఫాల్‌బ్యాక్ భాగాన్ని అందిస్తుంది.
Vue యొక్క నవీకరణలతో గొప్ప విషయాలలో ఒకటి అవి వెనుకబడిన అనుకూలతను కలిగి ఉంటాయి. మీ పాత Vue ప్రాజెక్ట్‌లను మీరు విచ్ఛిన్నం చేయాలని వారు కోరుకోరు. 1.0 నుండి 2.0 వరకు వలసలో మేము దీనిని చూశాము, ఇక్కడ 90 శాతం API ఒకే విధంగా ఉంది.
ఫ్రేమ్‌వర్క్‌ల వాక్యనిర్మాణం ఎలా సరిపోతుంది?
మూడు ఫ్రేమ్‌వర్క్‌లు విడుదలైనప్పటి నుండి మార్పులకు గురయ్యాయి, కాని అర్థం చేసుకోవలసిన ముఖ్యమైన విషయం ఏమిటంటే వాక్యనిర్మాణం మరియు ఇది ఎలా భిన్నంగా ఉంటుంది. సరళమైన ఈవెంట్ బైండింగ్ విషయానికి వస్తే వాక్యనిర్మాణం ఎలా పోలుస్తుందో చూద్దాం:
Vue: ది v- ఆన్ Vue సందర్భాల్లో పద్ధతులను ప్రారంభించే ఈవెంట్ శ్రోతలను అటాచ్ చేయడానికి డైరెక్టివ్ ఉపయోగించబడుతుంది. ఆదేశాలు ఉపసర్గ v- అవి Vue అందించిన ప్రత్యేక లక్షణాలు అని సూచించడానికి మరియు అన్వయించబడిన DOM కు ప్రత్యేక రియాక్టివ్ ప్రవర్తనను వర్తింపజేయడానికి. ఈవెంట్ హ్యాండ్లర్లను ఇన్లైన్ లేదా పద్ధతి పేరుగా అందించవచ్చు.
టెంప్లేట్> బటన్ వి-ఆన్: క్లిక్ = ”క్లిక్హ్యాండ్లర్”> నన్ను క్లిక్ చేయండి / బటన్> / టెంప్లేట్> స్క్రిప్ట్> ఎగుమతి డిఫాల్ట్ {పేరు: “హలోవర్ల్డ్”, పద్ధతులు: {క్లిక్హ్యాండ్లర్: ఫంక్షన్ () {console.log (“నేను క్లిక్ చేయబడ్డాను! ”); }}}; / స్క్రిప్ట్>
స్పందించలేదు: రియాక్ట్ జావాస్క్రిప్ట్‌కు సింటాక్స్ ఎక్స్‌టెన్షన్ అయిన JS మరియు JSX లో మార్క్ అప్ మరియు లాజిక్‌ని ఇస్తుంది. JSX తో, ఫంక్షన్ ఈవెంట్ హ్యాండ్లర్‌గా ఇవ్వబడుతుంది. రియాక్ట్ ఎలిమెంట్స్‌తో ఈవెంట్‌లను నిర్వహించడం DOM ఎలిమెంట్స్‌పై ఈవెంట్‌లను నిర్వహించడానికి చాలా పోలి ఉంటుంది. కానీ కొన్ని వాక్యనిర్మాణ తేడాలు ఉన్నాయి; ఉదాహరణకు, రియాక్ట్ ఈవెంట్‌లకు చిన్న అక్షరాల కంటే ఒంటె కేస్ ఉపయోగించి పేరు పెట్టారు.
ఫంక్షన్ బటన్ () {ఫంక్షన్ క్లిక్హ్యాండ్లర్ (ఇ) {console.log (“నేను క్లిక్ చేయబడ్డాను”); } రిటర్న్ బటన్ onClick = {clickHandler}> నన్ను క్లిక్ చేయండి! / button>; }
కోణీయ: ఈవెంట్ బైండింగ్ సింటాక్స్ సమాన చిహ్నం యొక్క ఎడమ వైపున కుండలీకరణాల్లోని టార్గెట్ ఈవెంట్ పేరు మరియు కుడి వైపున కోట్ చేసిన టెంప్లేట్ స్టేట్మెంట్ కలిగి ఉంటుంది. ప్రత్యామ్నాయంగా, మీరు ఉపయోగించవచ్చు పై- ఉపసర్గ, కానానికల్ రూపం అంటారు.
P కాంపోనెంట్ ({సెలెక్టర్: “యాప్-క్లిక్-మి”, టెంప్లేట్: `బటన్ (క్లిక్) =” onClickMe () ”> నన్ను క్లిక్ చేయండి! మీరు నన్ను క్లిక్ చేసారు! ”); }}
ప్రజాదరణ మరియు మార్కెట్
W3Techs నుండి గణాంకాలను పరిశీలించడం ద్వారా మిగిలిన వెబ్‌కు సంబంధించి మూడు ఫ్రేమ్‌వర్క్‌ల యొక్క మొత్తం చిత్రాన్ని చూడటం ద్వారా ప్రారంభిద్దాం. ప్రస్తుతం అన్ని వెబ్‌సైట్లలో 0.4 శాతం కోణీయతను ఉపయోగిస్తున్నారు, జావాస్క్రిప్ట్ లైబ్రరీ మార్కెట్ వాటా 0.5 శాతం. రియాక్ట్ అన్ని వెబ్‌సైట్లలో 0.3 శాతం మరియు జావాస్క్రిప్ట్ లైబ్రరీ మార్కెట్ వాటా 0.4 శాతం మరియు వియూ రెండింటికి 0.3 శాతం కలిగి ఉంది. ఇది చాలా సమానంగా ఉంది మరియు మీరు సంఖ్యలు పెరుగుతాయని మీరు ఆశించారు.
Google పోకడలు: గత 12 నెలల్లో, శోధన పరంగా రియాక్ట్ అత్యంత ప్రాచుర్యం పొందింది, తరువాత కోణీయంగా ఉంటుంది. Vue.js చాలా వెనుకబడి ఉంది; ఏదేమైనా, గుర్తుంచుకోవలసిన విషయం ఏమిటంటే, మిగతా ఇద్దరితో పోలిస్తే వియు ఇంకా చిన్నవాడు.
ఉద్యోగ శోధనలు: వ్రాసే సమయంలో, రియాక్ట్ మరియు కోణీయత జాబ్ లిస్టింగ్స్ పరంగా చాలా దగ్గరగా సరిపోతాయి. లింక్డ్ఇన్లో, Vue డెవలపర్లకు ఎక్కువ డిమాండ్ ఉన్నట్లు కనిపిస్తోంది.
స్టాక్ ఓవర్ఫ్లో: మీరు 2019 కొరకు స్టాక్ ఓవర్ఫ్లో డెవలపర్ సర్వే ఫలితాలను పరిశీలిస్తే, రియాక్ట్ మరియు Vue.js రెండూ చాలా ఇష్టపడే మరియు కోరుకున్న వెబ్ ఫ్రేమ్‌వర్క్‌లు. చాలా ప్రియమైన కానీ మూడవ మోస్ట్ వాంటెడ్ కోసం కోణీయ తొమ్మిదవ స్థానంలో కూర్చుంటుంది.
గిట్‌హబ్: Vue లో 153k తో ఎక్కువ సంఖ్యలో నక్షత్రాలు ఉన్నాయి, కాని దీనికి అతి తక్కువ సంఖ్యలో సహాయకులు ఉన్నారు (283). మరోవైపు రియాక్ట్‌లో 140 కే స్టార్స్ మరియు 1,341 కంట్రిబ్యూటర్లు ఉన్నారు. కోణీయంలో 59.6 కే నక్షత్రాలు మాత్రమే ఉన్నాయి, అయితే ఈ మూడింటిలో అత్యధికంగా 1,579 మంది ఉన్నారు.
NPM పోకడలు: పై చిత్రంలో గత 12 నెలలుగా గణాంకాలు కనిపిస్తాయి, ఇక్కడ మీరు కోణీయ మరియు వియుతో పోలిస్తే రియాక్ట్ నెలకు ఎక్కువ డౌన్‌లోడ్‌లను కలిగి ఉన్నట్లు చూడవచ్చు.
మొబైల్ అనువర్తన అభివృద్ధి
పెద్ద ముగ్గురికి ఒక ప్రధాన దృష్టి మొబైల్ విస్తరణ. రియాక్ట్ రియాక్ట్ నేటివ్ కలిగి ఉంది, ఇది రియాక్ట్ వినియోగదారులకు మాత్రమే కాకుండా విస్తృత అనువర్తన అభివృద్ధి సంఘానికి కూడా iOS మరియు Android అనువర్తనాలను రూపొందించడానికి ఒక ప్రసిద్ధ ఎంపికగా మారింది. కోణీయ డెవలపర్లు స్థానిక అనువర్తనాల కోసం నేటివ్‌స్క్రిప్ట్‌ను లేదా హైబ్రిడ్ మొబైల్ అనువర్తనాల కోసం అయానిక్‌ను ఉపయోగించవచ్చు, అయితే Vue డెవలపర్లకు నేటివ్‌స్క్రిప్ట్ లేదా Vue Native ఎంపిక ఉంటుంది. మొబైల్ అనువర్తనాల యొక్క ప్రజాదరణ కారణంగా, ఇది పెట్టుబడి యొక్క ముఖ్య ప్రాంతంగా మిగిలిపోయింది.
2020 లో చూడవలసిన ఇతర చట్రాలు
మీరు 2020 లో క్రొత్తదాన్ని ప్రయత్నించాలనుకుంటే, ఈ జావాస్క్రిప్ట్ ఫ్రేమ్‌వర్క్‌లను చూడండి.
ఎంబర్: MVVM నమూనా ఆధారంగా పనిచేసే వెబ్ అనువర్తనాలను రూపొందించడానికి ఓపెన్ సోర్స్ ఫ్రేమ్‌వర్క్. దీనిని మైక్రోసాఫ్ట్, నెట్‌ఫ్లిక్స్ మరియు లింక్డ్ఇన్ వంటి అనేక పెద్ద కంపెనీలు ఉపయోగిస్తున్నాయి.
ఉల్కాపాతం: ఆధునిక వెబ్ మరియు మొబైల్ అనువర్తనాలను అభివృద్ధి చేయడానికి పూర్తి-స్టాక్ జావాస్క్రిప్ట్ ప్లాట్‌ఫాం. ఇది నేర్చుకోవడం సులభం మరియు చాలా సహాయక సంఘాన్ని కలిగి ఉంది.
ముగింపు
మూడు ఫ్రేమ్‌వర్క్‌లు నిరంతరం మెరుగుపడుతున్నాయి, ఇది ప్రోత్సాహకరమైన సంకేతం. ప్రతిఒక్కరికీ వారి స్వంత దృక్పథం మరియు వారు ఉపయోగించాల్సిన దాని గురించి ఇష్టపడే పరిష్కారం ఉంది, అయితే ఇది నిజంగా ప్రాజెక్ట్ యొక్క పరిమాణానికి వస్తుంది మరియు ఇది మీకు మరింత సుఖంగా ఉంటుంది.
చాలా ముఖ్యమైన అంశం ఏమిటంటే, వారి సంఘాల నిరంతర మద్దతు, కాబట్టి మీరు క్రొత్త ప్రాజెక్ట్ను ప్రారంభించాలని యోచిస్తున్నట్లయితే మరియు ఇంతకు మునుపు ఈ మూడింటిలో దేనినీ ఉపయోగించకపోతే, మీరు వారందరితో సురక్షితంగా ఉన్నారని నేను నమ్ముతున్నాను. మీకు ఇంకా మూడు ఫ్రేమ్‌వర్క్‌లలో దేనినైనా నేర్చుకునే అవకాశం లేకపోతే, నేర్చుకోవడం ప్రారంభించడానికి మీ నూతన సంవత్సరపు తీర్మానం చేయాలని నేను సూచిస్తున్నాను. భవిష్యత్తు ఈ మూడింటి చుట్టూ తిరుగుతుంది.
ఈ కంటెంట్ మొదట నెట్ మ్యాగజైన్‌లో కనిపించింది.
