3 Beste JavaScript-raamwerk / biblioteek vir ontwikkeling in die voorkant

JavaScript het deur die jare al hoe meer gewild geword, die gemeenskap groei vinnig en ontwikkelaars ontwikkel daagliks voortdurend instrumente vir die taal.


Dit maak dit oorweldigend as dit kom by die keuse van die instrument / raamwerk / biblioteek om vir ‘n spesifieke taak te gebruik, want daar is altyd verskeie opsies vir letterlik alles wat u in JavaScript wil doen. Aanvanklik is dit nog steeds uitdagend om te besluit watter biblioteek of raamwerk om te leer.

Hierdie artikel fokus op die ontsmetting van die voordeel van die gebruik van verskillende JavaScript-voorraamwerke / biblioteke en gee uiteindelik ‘n duideliker beeld daarvan. Dit is bedoel om die besluitnemingsproses om een ​​te kies makliker te maak.

reageer

reageer is nie ‘n raamwerk nie, maar ‘n JavaScript-biblioteek vir die bou van gebruikerskoppelvlakke.

Dit is open source en word onderhou deur Facebook en ‘n gemeenskap van individuele ontwikkelaars. Reaksie is oorspronklik geskryf deur Jordan Walke as ‘n interne hulpmiddel op Facebook. Dit was later oop bronne en is in 2013 aan die algemene publiek bekendgestel, en het daarna ‘n wye verskeidenheid gewildheid verwerf.

Sommige van die funksies sluit die volgende in.

  • Voorsien reaktiewe, aanpasbare en herbruikbare komponente
  • Gebruik ‘n virtuele DOM
  • Baie vinnig
  • Komponent-gebaseerde
  • Eenrigtingbinding
  • Herbruikbaarheid van kode
  • Dit het ‘n lewendige, florerende ekosisteem agter die rug
  • Gerieflike hantering van staatsbestuur

Installasie / Gebruik

Reaksie kan op twee maniere aan die voorkant gebruik word.

  • Oor CDN
  • Met behulp van Node.JS

Oor CDN

U kan na hulle verwys amptelike webwerf om ‘n skriptskakel te kry wat u in die kopmerker in u HTML-opmerking kan insluit. Kies die skakels op grond van die doel.

Byvoorbeeld, as dit in ‘n ontwikkelingsomgewing gebruik word, dan:

En, vir produksie

Met behulp van Node.JS

Ek neem aan dat jy al NodeJS geïnstalleer het. Tik die volgende opdrag om React te installeer.

sudo npm i -g skep-reageer-app – red-dev

Sodra die installasie gedoen is, tik die volgende opdrag in

skep-reageer-app my-eerste-reageer-toepassing

Bogenoemde opdrag sal al die nodige biblioteke installeer wat nodig is om te reageer om toepaslik te funksioneer, wat ‘n ontwikkelingsbediener, webpakket en babel insluit.

Gaan na die gids met my eerste reaksie-toepassing en voer die volgende opdrag uit

npm begin

Bogenoemde sal ‘n ontwikkelingsbediener op poort 3000 bekendstel. En as u toegang tot u IP-bediener met poort 3000 verkry, moet u iets soos hieronder sien.

Reaksie is besig om ‘n aantal groot organisasies se gewildheid en op aanvraag te kry. As u belangstel om te leer, sal ek dit aanbeveel voltooi kursus.

Vue.js

Vue.js is ‘n progressiewe JavaScript-raamwerk vir die bou van interaktiewe gebruikerskoppelvlakke en toepassings op een bladsy. Dit is ‘n raamwerk met ‘n modelbeskouing met die kernbiblioteek, met die fokus op die uitsiglaag. Vue is gewild, want dit is die vermoë om een ​​bladsy-toepassings aan te wend. Anders as React, gebruik Vue rou HTML en nie JSX nie.

Vue.js is ‘n open source en is aanvanklik geskep deur Evan U en in die openbaar in Februarie 2014 vrygestel. Die volgende is ‘n paar kenmerke.

  • Dit bied reaktiewe en samestellingskomponente.
  • Gebruik ‘n virtuele DOM
  • Handhaaf fokus op die kernbiblioteek (d.w.s. routing en staatsbestuur)
  • Omvangsbepaling in CSS word sonder CSS-In-Js hanteer
  •  Eenrigtingbinding binne komponente.
  • Ondersteuning vir noodsaaklike addons
  • Herbruikbaarheid van kode

Installasie / Gebruik

U kan Vue.js aan die voorkant van die CDN of met Node.js gebruik

Om die CDN manier, kan u die volgende skrip by u bladsy-bladsy van die HTML-bladsy voeg.

Bogenoemde skrif is geskik vir ontwikkelingsdoeleindes, aangesien dit ‘n belangrike konsoliboodskap bevat. Vir die produksie moet u egter die onderstaande gebruik.

En, aan gebruik saam met Nodejs, u kan dit installeer met die npm-opdrag.

npm installeer vue

Ek sal sterk aanbeveel dat u die amptelike Vue JS lees dokumentasie om meer te wete te kom of dit te oorweeg pad.

hoek

hoek is ‘n strukturele JavaScript-raamwerk vir dinamiese bladsye. Dit laat die gebruik van HTML as sjabloontaal toe en die gebruik van HTML-sintaksis om toepassingsonderdele duidelik en bondig uit te druk. Dit is ‘n open source-projek wat deur Google en ander bydraers onderhou word.

installasie

Maak seker dat die nuutste Nodejs geïnstalleer is. Die eerste ding wat ons moet installeer, is die Angular CLI-instrument.

npm installeer -g @ hoekig / cli

Sodra dit geïnstalleer is, kan ons ‘n nuwe projek met die volgende opdrag skep.

ng nuwe my-eerste-hoekige app

Volg die instruksies op die skerm. Dit genereer sommige van die lêers en gidse en gebruik die npm-module om derdepartybiblioteke af te laai wat nodig is vir Angular om behoorlik te werk.

Voer die volgende opdrag uit die programmap uit om die nuutgemaakte toepassing te begin.

ng-bediener

Dit moet outomaties die bediener op poort 4200 begin.

[[Email protected] my-eerste-hoekige-app] # ng dien
10% gebou 3/3 modules 0 aktiefℹ 「wds」: Projek loop op http: // localhost: 4200 / webpack-dev-server /
ℹ 「wds」: webpakkie-uitset word bedien vanaf /
ℹ 「wds」: 404’s sal terugval na //index.html

stuk {main} main.js, main.js.map (main) 47,8 kB [aanvanklik] [weergegee]
stuk {polyfills} polyfills.js, polyfills.js.map (polyfills) 264 kB [aanvanklik] [weergegee]
stuk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
stuk {style} style.js, styles.js.map (style) 10 kB [aanvanklik] [weergegee]
chunk {vendor} vendor.js, vendor.js.map (vendor) 3.81 MB [aanvanklik] [weergegee]
Datum: 2019-12-28T12: 08: 20.138Z – Hash: 5d4b93c7bf9e61979c4d – Tyd: 12864ms
** Angular Live Development Server luister op localhost: 4200, maak u blaaier oop op http: // localhost: 4200 / **
ℹ 「wdm」: suksesvol saamgestel.

Afsluiting

Dus, wat u kies om te leer, is meer ‘n persoonlike voorkeur as ‘wat ‘n beter’ is.

Al die raamwerke / biblioteke wat hierbo gelys is, is puik. Hier is ‘n kort oorsig;

  • U moet Angular leer as u ‘n raamwerk wil hê waarop u kan staatmaak sonder om eksterne afhanklikhede te hanteer.
  • U moet React leer as u ‘n vinnige, PWA-, enkelbladsy-toepassing wil bou, en u gemaklik is met JSX.
  • React het die lewendigste gemeenskap en meer werksgeleenthede vanweë die groot gemeenskap.
  • Reaksie is relatief maklik om mee te begin.
  • React is hoogs aanpasbaar en behandel elke UI-stuk as ‘n komponent.
  • Vue het dieselfde voordele as React, maar sonder JSX.
  • Die werksmark vir Vue neem voortdurend toe.

Hier is ‘n grafiek op Google Trends wat ‘n vergelyking van die gewildheidskoers van die drie daarvan toon.

As front-end ontwikkeling is u belangstelling, kan u dit gaan Udemy-kursus.

Tags:

  • Oop bron

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map