3 Ən yaxşı JavaScript Çərçivəsi / Ön İnkişaf üçün Kitabxana

JavaScript illər keçdikcə populyarlıq qazanır, cəmiyyət sürətlə böyüyür və inkişaf etdiricilər daim inkişaf edir və gündəlik dil üçün alətlər qururlar..


JavaScript’də etmək istədiyiniz bir şey üçün həmişə çox seçim olduğu üçün müəyyən bir vəzifə üçün hansı alət / çərçivə / kitabxananın istifadə ediləcəyi barədə qərar verdikdə bu onu həddən artıq ağırlaşdırır. Əvvəlcə hansı kitabxananın və ya çərçivənin öyrəniləcəyinə qərar vermək hələ də çətindir.

Bu məqalə bir neçə JavaScript ön çərçivələri / kitabxanalarından istifadə üstünlüyünün təhrif edilməsinə yönəldilmiş və nəticədə bunlara daha aydın bir şəkil verir. Birinin seçilməsi ilə bağlı qərar qəbul etmə prosesini asanlaşdırmaq məqsədi daşıyır.

Reaksiya verin

Reaksiya verin bir çərçivə deyil, istifadəçi interfeyslərinin qurulması üçün JavaScript kitabxanasıdır.

Bu açıq mənbəyidir və Facebook və fərdi inkişaf etdiricilərin birliyi tərəfindən dəstəklənir. Reaksiya əvvəlcə yazılmışdı Jordan Walke Facebookda daxili bir vasitə kimi. Daha sonra açıq mənbələr idi və 2013-cü ildə geniş ictimaiyyətə yayıldı və bundan sonra geniş populyarlıq qazandı.

Bəzi xüsusiyyətlərə aşağıdakılar daxildir.

  • Reaktiv, özelleştirilebilir və təkrar istifadə edilə bilən komponentlər təqdim edir
  • Virtual DOM istifadə edir
  • Çox sürətli
  • Komponent əsaslı
  • Birtərəfli məlumat bağlaması
  • Kodun təkrar istifadəsi
  • Arxasında canlı, inkişaf edən bir ekosistem var
  • Rahat Dövlət İdarəçiliyi

Quraşdırma / İstifadə

Reaksiya cəbhədə iki fərqli şəkildə istifadə edilə bilər.

  • CDN üzərində
  • Node.JS istifadə

CDN üzərində

Bunlara müraciət edə bilərsiniz rəsmi sayt HTML qeydinizdə başlıq etiketinə əlavə edə biləcəyiniz bir skript bağlantısı əldə etmək üçün. Məqsəd əsasında bağlantıları seçin.

Məsələn, bir inkişaf mühitində istifadə edirsinizsə, onda:

İstehsal üçün

Node.JS istifadə

Güman edirəm ki, artıq NodeJS quraşdırılmışsınız. Reakt qurmaq üçün sadəcə aşağıdakı əmri yazın.

sudo npm i -g yaradın-reaksiya verin -save-dev

Quraşdırma bitdikdən sonra aşağıdakı əmri yazın

yaratmaq-reaksiya-app mənim ilk reaksiya-tətbiq

Yuxarıda göstərilən komanda bir inkişaf serveri, veb paket və babeldən ibarət olan müvafiq reaksiya vermək üçün lazım olan bütün kitabxanaları quraşdıracaqdır..

Mənim ilk reaksiya tətbiqetmə qovluğuma gedin və aşağıdakı əmri işləyin

npm başlanğıc

Yuxarıda göstərilənlər 3000 portda bir inkişaf serverini işə salacaqdır. Bundan sonra server IP-yə 3000 port ilə daxil olduqda, aşağıdakı kimi bir şey görməlisiniz.

Reaksiya bir sıra böyük təşkilatlar tərəfindən populyarlıq və tələbat qazanır. Əgər öyrənmək istəyirsinizsə, onda bunu almağı məsləhət görərdim tam kurs.

Vue.js

Vue.js interaktiv istifadəçi interfeysi və tək səhifəli tətbiqetmələr qurmaq üçün mütərəqqi JavaScript çərçivəsidir. Görünüş qatına diqqət yetirərək əsas kitabxana ilə bir model görünüşü çərçivəsidir. Vue populyardır, çünki bir səhifəlik tətbiqetmələri gücləndirə bilər. React-dan fərqli olaraq, Vue xam HTML və JSX-dən istifadə edir.

Vue.js açıq mənbəyidir və əvvəlcə yaradılmışdır Evan Sən və 2014-cü ilin fevral ayında ictimaiyyətə sərbəst buraxıldı. Aşağıdakı bəzi xüsusiyyətlər.

  • Reaktiv və tərtib edilə bilən görünüş komponentlərini təmin edir.
  • Virtual DOM istifadə edir
  • Əsas kitabxanaya diqqət yetirir (yəni, marşrutlaşdırma və dövlət idarəetməsi)
  • CSS-də araşdırma CSS-In-Js olmadan idarə olunur
  •  Komponentlər içərisində bir tərəfli bağlama.
  • Əsas addonları dəstəkləyin
  • Kodun təkrar istifadəsi

Quraşdırma / İstifadə

Vue.js-ni CDN-dən və ya Node.js-dan istifadə edə bilərsiniz

İstifadə etmək CDN yolu, aşağıdakı səhifəni HTML səhifə başlığı bölümünə əlavə edə bilərsiniz.

Yuxarıdakı skript mühüm konsol mesajı daxil olduğu üçün inkişaf məqsədləri üçün uyğundur. Bununla birlikdə istehsal üçün aşağıdakılardan birini istifadə etməlisiniz.

Nodejs ilə istifadə edin, npm əmrini istifadə edərək quraşdıra bilərsiniz.

npm yükləyin

Rəsmi Vue JS oxumağı məsləhət görürəm sənədlər daha çox məlumat əldə etmək və ya bu barədə düşünmək yol.

Bucaqlı

Bucaqlı dinamik səhifələr üçün struktur JavaScript çərçivəsidir. Bir şablon dili kimi HTML-nin istifadəsinə imkan yaradır və tətbiq komponentlərini dəqiq və qısa şəkildə ifadə etmək üçün HTML sintaksisindən istifadə etməyə imkan verir. Google və digər töhfəçilər tərəfindən dəstəklənən açıq mənbə layihəsidir.

Quraşdırma

Ən son Nodejların quraşdırıldığından əmin olun. Yükləməyimiz lazım olan ilk şey Angular CLI vasitəsidir.

npm quraşdırma -g @ bucaqlı / cli

Quraşdırıldıqdan sonra aşağıdakı komanda ilə yeni bir layihə yarada bilərik.

ng yeni mənim ilk açılı-app

Ekrandakı təlimatı izləyin. Bu, bəzi fayl və qovluqları yaradır və npm modulundan istifadə edərək Anguların düzgün işləməsi üçün lazım olan üçüncü kitabxanaları yükləyir.

Yeni yaradılan tətbiqi başlamaq üçün tətbiqlər qovluğundan aşağıdakı əmri işləyin.

ng server

Bu serveri 4200 portda avtomatik olaraq işə salmalıdır.

[[e-poçt qorunur] my-first-angular-app] # ng xidmət edir
10% bina 3/3 modullar 0 aktiv ℹ wds http: Layihə http: // localhost: 4200 / webpack-dev-server / də işləyir.
ℹ 「wds」: veb-paket çıxışı /
ℹ 「wds」: 404s //index.html-ə geri dönəcəkdir

baqaj {ana} main.js, main.js.map (əsas) 47.8 kB [ilkin] [göstərilmişdir]
baq {polyfills} polyfills.js, polyfills.js.map (polyfills) 264 kB [ilkin] [göstərilib]
yığım {işləmə vaxtı} işləmə vaxtı.js, iş vaxtı.js.map (işləmə müddəti) 6.15 kB [giriş] [göstərilmişdir]
yığın {üslublar} üslublar.js, üslublar.js.map (üslublar) 10 kB [ilkin] [göstərilmişdir]
yığın {satıcı} satıcı, satan.jsmap (satıcı) 3.81 MB [ilkin] [göstərilmişdir]
Tarix: 2019-12-28T12: 08: 20.138Z – Hash: 5d4b93c7bf9e61979c4d – Vaxt: 12864ms
** Angular Live Development Server localhost-da dinləyir: 4200, brauzerinizi http: // localhost: 4200 / ** -də açın
ℹ 「wdm」: Uğurla tərtib edilmişdir.

Nəticə

Beləliklə, öyrənmək üçün seçdiyiniz şey, daha yaxşı olan şeydən daha çox şəxsi seçimdir.

Yuxarıda sadalanan bütün çərçivələr / kitabxanalar əladır. Budur qısa nəticə;

  • Xarici asılılıqlarla əlaqələndirmədən etibar etmək istədiyiniz bir Çərçivə istəsəniz Angular dilini öyrənməlisiniz.
  • Sürətli, PWA, Subay Səhifə tətbiqetməsini qurmaq istəsəniz, Reaksiya öyrənməlisiniz və JSX ətrafında rahatsınız.
  • React, geniş icma sayəsində ən canlı icma və daha çox iş imkanlarına sahibdir.
  • Reaksiya başlamaq üçün nisbətən asandır.
  • Reaksiya olduqca özelleştirilebilir və UI-nin hər bir hissəsini bir komponent kimi qəbul edir.
  • Vue reaksiya ilə eyni üstünlüklərə malikdir, lakin JSX olmadan.
  • Vue üçün iş bazarı daim artır.

Google Trends-də onlardan 3-ün populyarlıq nisbətini göstərən bir qrafik.

Əgər cəbhə bölgəsində inkişaf sizin marağınızdırsa, bu barədə məlumat əldə edə bilərsiniz Udemy kursu.

TAGS:

  • Açıq mənbə

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