3 საუკეთესო JavaScript ჩარჩო / ბიბლიოთეკა ფრონტის ბოლოსთვის განვითარებისათვის

წლების განმავლობაში JavaScript- მა პოპულარობა მოიპოვა, საზოგადოება სწრაფად იზრდება და დეველოპერები მუდმივად ავითარებენ და აშენებენ ინსტრუმენტებს ენისთვის ყოველდღიურად.


ეს აბსტრაქტულს ხდის, როდესაც გადაწყვეტს, თუ რა ინსტრუმენტი / ჩარჩო / ბიბლიოთეკა უნდა გამოვიყენოთ კონკრეტული დავალებისთვის, რადგან JavaScript– ში ყოველთვის არსებობს მრავალი ვარიანტი, სიტყვასიტყვით, რაც გსურთ. თავდაპირველად, ჯერ კიდევ რთულია გადაწყვიტოს რომელი ბიბლიოთეკა ან ჩარჩო უნდა ვისწავლოთ.

ეს სტატია ყურადღებას ამახვილებს JavaScript– ის რამდენიმე წინაპრული ჩარჩოების / ბიბლიოთეკის გამოყენების უპირატესობის დემიტიფიცირებაზე და საბოლოოდ, მათზე უკეთეს სურათს იძლევა. იგი გამიზნულია, რომ შერჩევის გადაწყვეტილების პროცესი უფრო ადვილი გახადოს.

რეაგირება

რეაგირება ეს არ არის ჩარჩო, არამედ JavaScript ბიბლიოთეკა მომხმარებლის ინტერფეისების შესაქმნელად.

ის ღია წყაროა და შენარჩუნებულია Facebook- ის და ინდივიდუალური დეველოპერების საზოგადოების მიერ. React თავდაპირველად დაიწერა ჯორდანი Walke როგორც შიდა ინსტრუმენტი Facebook- ზე. მოგვიანებით იგი ღია წყარო გახდა და 2013 წელს ფართო საზოგადოებისთვის გამოვიდა და პოპულარობის ფართო სპექტრი მოიპოვა მას შემდეგ.

ზოგიერთი მახასიათებელი მოიცავს შემდეგს.

  • უზრუნველყოფს რეაქტიული, დააკონფიგურირებადი და მეორადი კომპონენტები
  • იყენებს ვირტუალურ DOM- ს
  • ძალიან სწრაფად
  • კომპონენტზე დაფუძნებული
  • ცალმხრივი მონაცემების სავალდებულო
  • კოდის გამოყენება
  • მას აქვს ძლიერი, აყვავებული ეკოსისტემა მის უკან
  • სახელმწიფო მართვის ხელსაყრელი მართვა

ინსტალაცია / გამოყენება

რეაქციის გამოყენება შესაძლებელია ფრონტზე ორი განსხვავებული გზით.

  • მეტი CDN
  • კვანძის გამოყენებით.JS

მეტი CDN

შეგიძლიათ მიმართოთ მათ ოფიციალური გვერდი სკრიპტების ბმულის მისაღებად, რომელსაც შეგიძლიათ თქვენს სათაურში ჩასვათ HTML ფორმატში. არჩევა მიზნებიდან გამომდინარე ბმულები.

მაგალითად, თუ იყენებთ განვითარების გარემოში, მაშინ:

და, წარმოებისთვის

კვანძის გამოყენებით.JS

ვფიქრობ, თქვენ უკვე გაქვთ NodeJS დაყენებული. React– ის ინსტალაციისთვის, უბრალოდ ჩაწერეთ შემდეგი ბრძანება.

sudo npm i -g შექმნა- რეაგირება-აპლიკაცია –save-dev

ინსტალაციის დასრულების შემდეგ ჩაწერეთ შემდეგი ბრძანება

შექმნა-რეაგირება-აპლიკაცია my-first- რეაგირება-პროგრამა

ზემოაღნიშნული ბრძანება დააინსტალირებს ყველა საჭირო ბიბლიოთეკას, რომელიც საჭიროა React– ის სწორად წარმართვისათვის, რომელიც მოიცავს სერვერის განვითარებას, ვებ – პაკეტს და babel– ს..

ნავიგაცია my-first- რეაგირებთ-პროგრამის საქაღალდეში და განახორციელეთ შემდეგი ბრძანება

npm დაწყება

ზემოთ ჩამოთვლილი იქნება განვითარების სერვერის პორტში 3000. და, როდესაც თქვენ თქვენი სერვერის IP პორტში 3000 შესვლას, თქვენ უნდა ნახოთ მსგავსი რამ ქვემოთ..

React პოპულარობას და მოთხოვნილებას იძენს მრავალი ორგანიზაციის მიერ. თუ თქვენ გაინტერესებთ სწავლა, მაშინ გირჩევთ გამოიყენოთ ეს სრული კურსი.

Vue.js

Vue.js არის JavaScript– ის პროგრესული ჩარჩო ინტერაქტიული მომხმარებლის ინტერფეისების და ერთ გვერდიანი პროგრამების შესაქმნელად. ეს არის ძირითადი ხედვის მქონე მოდელის ხედვა, რომელიც ფოკუსირებულია ხედვის ფენაზე. Vue პოპულარობით სარგებლობს, რადგან ეს არის შესაძლებლობა ერთუჯრედიან პროგრამებში ჩართვა. React– ისგან განსხვავებით, Vue იყენებს ნედლეულ HTML და არა JSX.

Vue.js არის ღია წყარო და თავდაპირველად შეიქმნა იგი ევან შენ და გამოქვეყნდა საჯაროდ 2014 წლის თებერვალში. ქვემოთ მოცემულია რამდენიმე მახასიათებელი.

  • ის უზრუნველყოფს რეაქტიული და კომპოზიციური ხედვის კომპონენტებს.
  • იყენებს ვირტუალურ DOM- ს
  • ყურადღებას ამახვილებს ძირითად ბიბლიოთეკაზე (მაგ., მარშრუტიზაცია და სახელმწიფო მართვა)
  • სკანირება CSS- ში ხორციელდება CSS-In-Js- ის გარეშე
  •  ცალმხრივი სავალდებულო კომპონენტები შიგნით.
  • აუცილებელი დამატებების მხარდაჭერა
  • კოდის გამოყენება

ინსტალაცია / გამოყენება

თქვენ შეგიძლიათ გამოიყენოთ Vue.js წინა მხრიდან ან CDN- ით, ან Node.js- ით

გამოყენება CDN გზა, შეგიძლიათ შემდეგი სკრიპტის დამატება თქვენს HTML გვერდის სათაურის განყოფილებაში.

ზემოთ მოყვანილი სკრიპტი შესაფერისია განვითარების მიზნებისათვის, რადგან იგი შეიცავს მნიშვნელოვან საკონსულოს შეტყობინებას. ამასთან, წარმოებისთვის, თქვენ უნდა გამოიყენოთ ქვემოთ მოყვანილი.

და, რომ გამოიყენეთ Nodejs– ით, შეგიძლიათ დააინსტალიროთ ის npm ბრძანების გამოყენებით.

npm ინსტალაცია vue

მე გირჩევთ რომ წაიკითხოთ ოფიციალური Vue JS დოკუმენტაცია მეტი რომ გაიგოთ ან მიიღოთ ეს ბილიკი.

კუთხური

კუთხური დინამიური გვერდების სტრუქტურული JavaScript სტრუქტურული ჩარჩოა. ის საშუალებას აძლევს HTML- ს, როგორც შაბლონური ენის გამოყენებას და HTML სინტაქსის გამოყენებას საშუალებას მისცემს განაცხადების კომპონენტი მკაფიოდ და მოკლედ გამოხატოს. ეს არის ღია კოდის პროექტი, რომელსაც გუგლი და სხვა ავტორები ასრულებენ.

ინსტალაცია

დარწმუნდით, რომ დაინსტალირებულია უახლესი Nodejs. პირველი, რაც ჩვენ უნდა დავამონტაჟოთ არის Angular CLI ინსტრუმენტი.

npm install -g @ კუთხოვანი / კლი

ინსტალაციის შემდეგ, ჩვენ შეგვიძლია შევქმნათ ახალი პროექტი შემდეგი ბრძანებით.

აიღეთ ახალი ჩემი პირველი-კუთხოვანი აპლიკაცია

მიჰყევით ეკრანზე მითითებას. ეს წარმოქმნის ზოგიერთ ფაილსა და საქაღალდეს და npm მოდულს იყენებს მესამე მხარის ბიბლიოთეკებისთვის, რომლებიც საჭიროა Angular– ის სწორად წარმართვისათვის..

ახლადშექმნილი პროგრამის დასაწყებად, შემდეგი ბრძანება გაუშვით პროგრამების საქაღალდედან.

ng სერვერი

ეს ავტომატურად უნდა დაიწყოს სერვერი 4200 პორტზე.

[[ელ.ფოსტა დაცულია] my-first-angular-app] # ng ემსახურება
10% შენობა 3/3 მოდული 0 აქტიური ℹ wds 」: პროექტი მუშაობს http: // localhost: 4200 / webpack-dev-server /
ℹ 「wds」: ვებ – პაკეტის გამომუშავებას ემსახურება /
ds ds wds 」: 404 წაიკითხა //index.html

chunk {main} main.js, main.js.map (მთავარი) 47.8 kB [საწყისი] [გადმოცემა]
chunk {polyfills} polyfills.js, polyfills.js.map (პოლიფილები) 264 kB [საწყისი] [გადმოცემა]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [შესვლა] [გადმოცემა]
chunk {სტილები} სტილის.ჯს, სტილები.js.map (სტილები) 10 კბ [საწყისი] [გადმოცემა]
chunk {გამყიდველი} vendor.js, vendor.js.map (გამყიდველი) 3.81 MB [საწყისი] [გადმოცემულია]
თარიღი: 2019-12-28T12: 08: 20.138Z – ჰაში: 5d4b93c7bf9e61979c4d – დრო: 12864ms
** კუთხის ცოცხალი განვითარების სერვერი უსმენს localhost- ს: 4200, გახსენით თქვენი ბრაუზერი http: // localhost: 4200 / **
ℹ 「wdm」: შედგენილია წარმატებით.

დასკვნა

ასე რომ, ისწავლეთ სწავლა უფრო პირადი უპირატესობაა ვიდრე ”რომელი უკეთესია”.

ზემოთ ჩამოთვლილი ყველა ჩარჩო / ბიბლიოთეკა შესანიშნავია. აქ მოკლე ჩანაწერი;

  • თქვენ უნდა ისწავლოთ Angular, თუ გსურთ ჩარჩო, რომელზეც გსურთ დაეყრდნოთ, გარეგანი დამოკიდებულებების მოგვარების გარეშე.
  • უნდა ისწავლოს React, თუ გსურთ სწრაფად ააშენოთ PWA, Single page პროგრამა და JSX– ის გარშემო კომფორტულად გრძნობთ თავს..
  • React- ს აქვს ყველაზე ძლიერი საზოგადოება და უფრო მეტი სამუშაო შესაძლებლობები მისი დიდი საზოგადოების გამო.
  • რეაგირების დაწყება შედარებით მარტივია.
  • React არის ძალიან დააკონფიგურიროთ და UI- ს თითოეულ ნაწილს განიხილავს, როგორც კომპონენტს.
  • Vue- ს აქვს იგივე უპირატესობები, როგორიც React, მაგრამ JSX– ს გარეშე.
  • Vue– ს სამუშაო ბაზარი მუდმივად იზრდება.

აქ მოცემულია გრაფიკი Google Trends- ში, სადაც მოცემულია 3 მათგან პოპულარობის მაჩვენებელი.

თუ ფრონტის განვითარება თქვენს ინტერესს წარმოადგენს, მაშინ შეიძლება შეამოწმოთ ეს Udemy კურსი.

ტეგები:

  • Საჯარო წყარო

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