Вэб болон гар утасны програм хөгжүүлэлтийн гайхалтай эрин үе одоо явагдаж байна. Платформын бие даасан байдал болон бусад шинэлэг боломжуудын улмаас JavaScript-ийг ихэнх хөгжүүлэгчид анх хөтчийн програмын код үүсгэхэд ашигласан.
JavaScript нь одоо хамгийн түгээмэл бөгөөд илүүд үздэг програмчлалын хэл гэж үздэг.
Судалгаа болон бусад салбарын хэвлэлд дурдсанаар дэлхий даяарх програмистууд болон хөгжүүлэгчдийн 67 хүртэлх хувь нь JavaScript хэлийг ашигладаг.
Хэд хэдэн програм хангамжийн компаниуд JavaScript-д суурилсан frontend болон backend хөгжүүлэлтийн платформ, систем, номын сангуудыг гаргаж, хэлний асар их алдар нэр дээр ихээхэн бооцоо тавьсан.
Хамгийн алдартай бүтээгдэхүүнүүдийн нэг бол Angular JS ба React JS юм.
Гэсэн хэдий ч вэб хөгжүүлэлтийн салбар нэлээд хурдацтай өргөжиж байгаа бөгөөд програм хангамж хөгжүүлэгчид шилдэг онлайн програмууд болон гар утасны програмуудыг бий болгохын тулд JavaScript-ийн өөр хувилбаруудыг хайж байна.
Blazor нь Blazor Web Assembly нэртэй хөгжүүлэлтийн ачаар танд нэмэлт бүрэлдэхүүн хэсэг, модулиуд шаардлагагүйгээр программ дээр.NET ажиллуулах боломжтой болгож байна.
Энэхүү нийтлэл нь Blazor, Angular, React-ийг харьцуулж, тус бүрийн боломжийн талаар техникийн ойлголт өгөх, мөн доор өгсөн өгөгдөлд үндэслэн хөгжүүлэгчийг шийдвэр гаргахад нь туслах болно.
Blazor гэж юу вэ?
Майкрософт үүсгэн хөгжүүлсэн Блазор, HTML болон C# зэрэг хэлний платформуудыг ашиглан вэб дээр суурилсан програмуудыг үүсгэх боломжийг дизайнеруудад олгодог нээлттэй эхийн вэб хүрээ.
JavaScript-ийн оронд та C# болон Razor дүрмийг ашиглах боломжтой. Инженерүүд хэрэглэгчдэд ээлтэй, дахин ашиглах боломжтой онлайн бүтээж болно хэрэглэгчийн интерфейс NET-д суурилуулсан болон доор ажилладаг хэрэглэгчийн талын програмуудад зориулагдсан Вэб Ассемблей Blazor (Browser + Razor) ашиглан.
Хөгжүүлэгчид C# програмыг Blazor ашиглан үйлчлүүлэгч болон сервер талын програмчлалын программуудыг бүтээх боломжтой.
Энэ нь танд код болон нөөцийг солилцох боломжийг олгож, эхнээс нь.NET-д зориулсан нэг хуудасны дэвшилтэт програмыг хүчирхэгжүүлэх, бий болгох платформоор хангадаг.
Энэхүү шинэ бүтээлийн хамгийн сайн онцлог нь одоо байгаа бүх вэб стандарт, хүрээг хэрхэн ашиглаж байгаа нь түүнийг хэрэгжүүлэхэд хялбар болгодог.
Тоглоомын өөрчлөлт - Вэб Ассемблей
хэрэглэх нь Вэб угсралт шинж чанаруудын хувьд Blazor нь хөтчийн интерфейс дээр клиент талын кодыг ажиллуулах чадвартай. Вэб Ассемблей дээр ажилладаг.NET ашигладаг тул программист программуудын сервер талын бүрэлдэхүүн хэсгүүдийн скриптүүд болон сангуудыг дахин ашиглах боломжтой.
Үйлчлүүлэгчийн логикийг өөр хувилбар болгон Blazor Web Assembly-ээр дамжуулан сервер дээр ажиллуулж, ажиллуулж болно.
SignalR бодит цагийн мессежийн хүрээг Client UI-ийн хийсэн үйл явдлыг сервер рүү буцааж дамжуулахад ашиглаж болно. Тохирох UI шинэчлэлтүүдийг үйлчлүүлэгчээс илгээж, гүйцэтгэл дууссаны дараа DOM руу нэгтгэдэг.
Орчин үеийн вэб хөтчүүд дээр ажиллах стандартчилсан шинэ платформ болох Web Assembly нь хэд хэдэн хэлийг онлайн платформд нэвтрүүлэх боломжтой болсон.
C#, JavaScript, HTML нь хөтөчийн орчинд сайн ажилладаг цөөн хэдэн хэл юм. Вэб Ассемблей нь бүгдтэй нь нэгдсэн.
Нэмж дурдахад энэ нь C, C++, Java зэрэг хүчирхэг хэл дээр үүсгэсэн, хөрвүүлсэн кодыг ажиллуулах, гүйцэтгэх боломжийг олгодог ассемблер хэлийг дэмждэг.
Ассемблер хэл нь төвөгтэй хоёртын тооны дүрслэлийг өгдөг. Вэб Ассемблей нь интернет сайтууд дээр илүү сайн програмуудыг ашиглахыг дэмжихийг хүсч байна.
Гэсэн хэдий ч үүнийг JavaScript-ээр ажиллуулж, хааж болох бөгөөд тохиргоо нь ямар ч нөхцөлд гүйцэтгэх, хослуулах зориулалттай.
Blazor өргөлүүд
- Хязгааргүй хандалт, нээлттэй эх сурвалж: Blazor нь нээлттэй эх сурвалж.NET платформтой холбогдсон бөгөөд 60,000 гаруй компанийн 3,700 гаруй дэмжигчтэй, найдвартай, хүчтэй сүлжээтэй. NET нь бүрэн үнэ төлбөргүй бөгөөд Blazor-ыг багтаасан тул бүх хэрэглэгчид ашиглах боломжтой тул давуу тал болно. Үүнийг ашиглахын тулд юу ч төлөх шаардлагагүй, үүнд үйлдвэрлэлийн салбарт ашиглах лицензийн зардал орно.
- Хэрэглэгчийн интерфейсийн элементүүдийн экосистем: DevExpress, Telerik, Syncfusion, Radzen, jQWidgets, Infragistics, GrapeCity зэрэг тэргүүлэх үйлдвэрлэгчид дахин ашиглах боломжтой хэрэглэгчийн интерфейсийн бүрэлдэхүүн хэсгүүдийг санал болгодог. Энэ нь UI / үр ашигтай UX болон ашиг тусыг сайжруулж чадна.
- NET номын сан болон .NET кодыг ашиглах: Аль хэдийн бэлэн болсон The.Net номын санг Blazor-д суурилсан програмууд ашигладаг. Сервер эсвэл вэб хөтчийн код үүсгэх гэх мэт хаа сайгүй ашиглах боломжтой албан ёсны explicit.NET код болон.NET номын сангуудыг бий болгосонд бид стандартчилагдсан.NET форматад талархал илэрхийлье. Энэ нь одоогоор Microsoft-ын дэд бүтцийг ашиглаж байгаа аж ахуйн нэгжүүдэд ихээхэн туслалцаа үзүүлэхийн зэрэгцээ гарааны бизнес эрхлэгчдэд өөгүй хэрэглэгчийн туршлагыг өгдөг.
- Нээлттэй вэб стандартыг дагаж мөрдөх: Бараг бүх Нээлттэй вэб стандартуудыг Blazor дэмждэг бөгөөд ямар ч нэмэлт эх сурвалжаас эх сурвалж руу хөрвүүлэгч эсвэл залгаас ашиглах шаардлагагүйгээр ажилладаг. Хамгийн сүүлийн үеийн вэб хөтчүүд нь үүнтэй нийцэж байгаа бөгөөд Blazor-г тэдэнтэй зэрэгцэн ажиллах боломжийг олгодог; Нэмж дурдахад Blazor нь ухаалаг гар утас, таблетуудад зориулагдсан хөтчүүдийг мэддэг. Вэб хөтчийн орчинд ажилладаг код нь JavaScript-н ашигладаг шиг аюулгүй хамгаалалттай орчинд ажилладаг. Blazor код нь аюулгүй серверийн орчинд ажиллах ёстой зохих үйлдлүүдийг гүйцэтгэхэд хангалттай уян хатан байдаг.
- JavaScript нийцтэй байдал: Blazor-ийн ачаар та C хэлний кодтой илүү хялбар ажиллах боломжтой бөгөөд C# кодыг JavaScript API болон түүний сангуудтай холбох, харилцахад хялбар болгодог. Хөгжүүлэгч нь C# хэл дээр суурилсан кодыг боловсруулахын зэрэгцээ үйлчлүүлэгчийн UI/UX интерфэйс үүсгэх боломжтой JavaScript сангуудыг ашиглах боломжтой. Blazor нь сервер талын кодыг гүйцэтгэх явцад клиент тал дээр ямар ч JavaScript кодыг амжилттай ажиллуулдаг тул маш их таалагддаг.
- Хүсэл тэмүүлэлтэй нийгэмлэгүүд болон бүлгүүд: Blazor нь сүүлийн үед одон орон судлалын чиглэлээр алдартай болсон тул олон тооны туслах бүлгүүдтэй болсон бөгөөд энэ нь зохиогчид болон бусад хэрэглэгчдийн асуултад хариулахад тусалдаг. Тэд бүтээгдэхүүний дээжийн дизайн хийхэд туслахаас гадна хөгжүүлэгчдэд хичээл, тусгай туслах материал эсвэл цахим ном өгдөг. Blazer-ийн өөр нэг сайтыг Awesome Blazor гэж нэрлэдэг бөгөөд энэ нь Blazor хөрөнгийн гайхалтай жагсаалтыг өгдөг.
- Төрөл бүрийн үйлдлийн системд дасан зохицох чадвар: Visual Studio дээр бүтээгдсэн код нь Blazor-ийн хөгжлийг сайжруулж, Линукс, Windows, эсвэл macOS зэрэг үйлдлийн системүүдийн олон хослол дээр гайхалтай хэрэглэгчийн туршлагыг санал болгодог. Хэрэв та өөр код засварлагч ашиглан код бичих эсвэл эмхэтгэхээр шийдсэн бол .NET командын шугамын хэрэгслээр өөрийгөө тохируулж, хүссэн үүргээ биелүүлэхийн тулд хүссэн засварлагчаа сонгож болно.
Давуу тал
- Энэ бол Blazor төслийн анхны борлуулалтын цэг байв. Таны.NET програмуудыг хөтчөөр хөрвүүлж, ажиллуулж болно.
- Client-side Blazor-ийг хөтөч рүү татаж авахаас өмнө одоо завсрын хэл рүү урьдчилан хөрвүүлсэн; гэхдээ түүний хөгжил урагшлах тусам эцэст нь WebAssembly-д бүхэлд нь урьдчилан эмхэтгэх болно.
- Үйлчлүүлэгч талын Blazor нь үйл ажиллагаа бүрээр сервер рүү өгөгдөл илгээхийг шаарддаггүй. Үүний үр дүнд сүлжээний зурвасын өргөн нь хамаагүй бага байх болно.
- Бусад ASP.NET програмыг дибаг хийхэд ашигладаг ижил аргуудыг сервер талын Blazor-д дибаг хийхэд ашиглаж болно. Тиймээс энэ нь ASP.NET Core програмын үүрэг гүйцэтгэдэг.
- Үйлчлүүлэгч талын Blazor-ийн хязгаарлагдмал дибаг хийх боломжуудыг тойрон гарахын тулд та эхлээд сервер талын Blazor төсөл болгон програмаа үүсгэж болно.
- Сервер талын Blazor-ын клиент талын бүрэлдэхүүн хэсгүүдийг татаж авах үед таны бичих ёстой хамгийн бага хэмжээний HTML болон JavaScript байх болно.
- Үйлчлүүлэгч нь бараг хаана ч ажилладаг ерөнхий HTML болон JavaScript-г хүлээн авдаг. Тиймээс таны төсөөлж чадах бараг бүх үйлчлүүлэгч сервер талын Blazor-тай ажиллах болно.
Сул тал
- Үйлчлүүлэгч талын Blazor нь JavaScript болон сервер талын Blazor-аас ихээхэн сул талтай бөгөөд клиент талын бүрэлдэхүүн хэсгүүд нь татаж авах зайны хэмжээ их хэмжээгээр эзэлдэг.
- Client-side Энэ нь Blazor-д дибаг хийх цорын ганц арга зам юм, учир нь энэ нь хөтөч дээр өөрийн дибаг хийх табтай байдаг.
- Бүх үндсэн хөтчүүд нь WebAssembly-ийг дэмжих зорилготой. Ихэнх онлайн хэрэглэгчдийн хувьд энэ нь зөв боловч стандарт бус хөтөч ашиглах шаардлагатай байдаг. Тэдний зарим нь WebAssembly-г дэмждэггүй.
- Сүлжээний хоцролтоос үүссэн саатал нь сервер талын Blazor үйлдэл бүрийг сервер рүү чиглүүлдэгтэй холбоотой. Энэ нь илүү их зурвасын өргөнийг ашиглах болно.
- Blazor зөвхөн a.NET програмын сервер талын бүрэлдэхүүн хэсэг болж ажилладаг. Тиймээс сервер нь.NET ажиллах цагийг урьдчилан суулгасан байх ёстой.
Гэж юу вэ өнцгийн?
Бизнесүүд вэбийг илүү их зүйл хийхийг оролдохдоо "Гүйцэтгэл" програмтай холбоотой асуудалтай байнга тулгардаг.
Өнөөгийн вэбсайтууд урьд өмнөхөөсөө илүү өвөрмөц онцлогтой болсон нь байгууллагуудад хэд хэдэн төхөөрөмж дээр маш сайн гүйцэтгэлд хүрэхэд бэрхшээлтэй болж байна.
Тиймээс нэг хуудас програмын хүрээг сонгоход гүйцэтгэл чухал байдаг. Нэг хуудастай програмуудад ашиглах боломжтой хамгийн хурдан фреймворк бол AngularJS юм.
AngularJS-ийн өгөгдөл холбох онцлог нь хөгжүүлэгчдийг олон шаардлагагүй код бичихээс хамгаалдаг. Тиймээс Angular программыг нэг хуудастай программыг хөгжүүлэхэд ашиглах нь цөөн тооны мөр код шаарддаг бөгөөд онцгой гүйцэтгэлийг санал болгодог.
Angular JS нь үйлчлүүлэгч талын MVC болон MVVM-д зориулсан системийг хүчирхэг вэб програмын функцээр хангаснаар үйл явдлын явцыг өөрчлөх, нэг хуудасны програмуудыг турших зорилготой.
Энэ нь дизайнеруудад үзэсгэлэнтэй, үр дүнтэй ДЦГ-ыг хурдан бүтээх боломжийг олгодог. Жишээлбэл, Angular нь мэдээллийг албан ёсоор харуулж, загвар мэдээлэл өөрчлөгдөх бүрт төлөвлөсөн шинэчлэлтүүдийг ажиглах боломжийг хэрэглэгчдэд олгожээ.
Дизайнерын санаа зовох асуудлын жагсаалтаас DOM хяналтыг хассан тул энэ нь гайхалтай байсан.
Нэмж дурдахад, энэ нь инженерүүдэд өөр бусад зүйлсийн дотор HTML шошго боловсруулах боломжийг олгодог зохицуулалтын хэтийн төлөвийг нээж өгсөн. Энэ бол онлайн, зөөврийн болон ажлын талбарыг дэмждэг найрсаг уур амьсгалтай, гайхалтай, орчин үеийн систем гэж хэлье.
AngularJS-ээр бүтээгдсэн программууд нь хурдан ачаалдгаараа алдартай. Энэ нь AngularJS-ийн бүрэлдэхүүн чиглүүлэгчийн боломжоор санал болгож буй автомат кодыг салгаснаар боломжтой болсон.
Үүний ачаар хэрэглэгчид харахын тулд хүсэлт гаргагчийн кодыг ачаалж болно. Ямар ч платформ AngularJS фреймворк ашиглан үүсгэсэн SPA-г ашиглаж болно.
Angular JS саналууд
- Ширээний компьютерт зориулсан програмууд: Та macOS, Windows, Linux зэрэг хэд хэдэн ширээний үйлдлийн системүүдтэй ажилладаг Angular программуудыг үүсгэж болно. Таны олж авсан туршлага, сурсан туршлагаа уугуул үйлдлийн системийн API (API)-д хандахад ашиглаж болно.
- Уугуул иргэдийн тусламж: Cordova, Ionic, Native Script зэрэг хэд хэдэн төрлийн хөгжүүлэлтийн аргачлалын тусламжтайгаар Angular нь ухаалаг гар утасны уугуул програмуудыг үүсгэх, хөгжүүлэхэд тусалдаг.
- Код хуваах/задлах: Төлөвлөсөн код хуваах эсвэл код хуваах талаар мэдээлдэг Angular-ийн шинэчилсэн чиглүүлэлтийн бүрэлдэхүүн хэсгүүд нь хэрэглээний ачааллын багтаамжийг нэмэгдүүлэхэд үйлчилдэг. Энэ функц нь эцсийн хэрэглэгчдийн үзэж байгаагаар зөвхөн эцсийн хэрэглэгчийн хүсэлтийг хүргэх хүрээг идэвхжүүлдэг.
- Загвар, зохион байгуулалтыг ашиглах: Angular-ийн тусламжтайгаар та хэрэглэгчийн интерфэйсийг хурдан зохион бүтээхийн тулд энгийн бөгөөд найдвартай загварын синтакс ашиглах эрх чөлөөтэй болно. Нэмж дурдахад, энэ нь хөгжүүлэгчдийн ажлыг хялбаршуулдаг хэрэглэгчдэд ээлтэй загвар, зохион байгуулалтаар хангадаг.
- Код үүсгэх: Angular программыг ашигласнаар та орчин үеийн JavaScript виртуал машинуудад тохирсон код үүсгэхийн тулд загваруудаа ашигласаар байх зуур гар бичмэл кодын бүх давуу талыг олж авдаг. Энэ нь run.NET, Node.JS, PHP гэх мэт янз бүрийн серверийн машинууд дээр CSS болон HTML хэлбэрээр таны програмын үндсэн үзэл бодлыг шууд хүргэдэг. Нэмж дурдахад энэ нь вэбсайт болон програмын аль алиных нь харагдах байдлыг нэмэгдүүлэх гайхалтай SEO чадавхийг хангадаг.
- Хурд ба тайлбар: Вэб ажилчдын тусламжтайгаар болон сервер талын хүргэлтийн тусламжтайгаар Angular нь танд одоогийн вэбд суурилсан орчинд хамгийн дээд түвшний хариу үйлдэл үзүүлэхэд тусална. Angular JS-ийг ашигласнаар та асар их мэдээллийн хэрэгцээг хангахын тулд Immutable.js эсвэл RxJS гэх мэт мэдээллийн загваруудыг үүсгэж болно.
- Гайхалтай хэрэгслийн дэмжлэг: Angular нь гар утас болон вэб аппликейшн үүсгэхэд гайхалтай хэрэглүүр тусламж үзүүлдэг, учир нь энэ нь бүх функц, функцийг бие даан өгөх боломжгүй юм. Эдгээр бүрэлдэхүүн хэсгүүдийн кодыг анхаарч үзэхгүйгээр Angular нийгэмлэг болон гуравдагч этгээдийн өгсөн хэрэгслүүдийг ашиглан гайхалтай програмуудыг үүсгэж болно.
- Төрөл бүрийн платформд зориулсан програмууд хийх: Энэ нь програм бүтээхдээ Angular ашиглах нэг аргыг ойлгоход тусалж, код болон хөгжүүлэлтийн ур чадвараа дахин ашиглах боломжийг олгодог. AngularJS нь гар утасны болон суурин компьютерийн програмууд, вэбсайтууд, вэб програмууд, авсаархан интерфэйсүүд болон гар утасны програмуудыг үүсгэхэд хялбар болгодог.
- Angular-д зориулсан командын мөрийн интерфейс: Angular CLI хэмээх хүчирхэг командын мөрийн интерфейс нь бидний хөгжүүлэлтийн процессыг автоматжуулахад тусална. Энэ нь командын мөрөөс Angular-д суурилсан програмуудыг нэвтрүүлэх, хөгжүүлэх, удирдахад туслах болно.
Давуу тал
- Энэ нь нэлээд үр дүнтэй байдаг.
- Их хэмжээний экосистем
- Angular Material нь Материал дизайны интерфейсийн үйлдвэрлэлийг дахин зохион байгуулдаг.
- Хэрэглэгчийн интерфэйсийг Angular-ийн зөвшөөрөгдсөн бүрэлдэхүүн хэсэгт суурилсан аргачлалыг ашиглан нэг бүрэлдэхүүн хэсэг ашиглан бүтээдэг.
- Рефакторын үйлчилгээ болон сайжруулсан навигацийн ачаар кодчилол илүү хялбар болсон.
- Бүрэлдэхүүн хэсгүүд нь хараат байдлын тарилгын ачаар илүү удирдаж, туршиж, дахин ашиглах боломжтой.
Сул тал
- Angular хэлний дэлгэрэнгүй, нарийн төвөгтэй хэл.
- Хуучин системүүд нь AngularJS-ээс Angular руу шилжихэд илүү их цаг хугацаа шаарддаг.
- Angular-ийн давхаргат архитектур нь зарим хэрэглэгчдэд ойлгоход хэцүү байж болох бөгөөд энэ нь frontend framework-ийн алдааг олж засварлахад хэцүү болгодог.
- Нэг хуудасны програмууд (SPAs) болон динамик програмууд нь тохиромжгүй байх болно.
- Angular вэб програмууд нь цөөн тооны SEO сонголтыг санал болгодог тул хайлтын системийн мөлхөгчдийг олоход хэцүү байдаг.
Гэж юу вэ урвалд?
Өргөтгөх чадвар, уян хатан байдал нь урьд өмнө нь бодож байсан зүйл байсан ч дэлхий даяараа дижитал хувиргалт руу эрчимтэй тэмүүлж байгаа өнөөгийн динамик дижитал орчинд аж ахуйн нэгжүүд анхнаасаа л гол тэргүүлэх чиглэлүүддээ Өргөтгөх чадвар, уян хатан байдлыг багтаасан.
Үүний үр дүнд нэг хуудастай програмуудыг үүсгэхдээ энэ чухал шинж чанарыг санаж байх нь маш чухал юм. Хэрэв танай компани өргөтгөх чадвар, уян хатан байдлыг чухалчилдаг бол ReactJS нь ашиглахад гайхалтай технологи юм.
React-ийн бүрэлдэхүүн хэсэг дээр суурилсан дизайны ачаар түүгээр хийгдсэн нэг хуудас програмуудыг засварлахад маш хялбар байдаг. ReactJS хуудас нь Virtual DOM-г агуулдаг.
Энэхүү програм нь модны бусад мөчрүүдэд нөлөөлөхгүйгээр өөрчлөлтийг хянах, шинэчлэх боломжийг хөгжүүлэлтийн багт олгодог тул илүү уян хатан байдаг.
Сүүлийн үед алдар нэр нь асар их өссөн тул Facebook нь FB гар утасны аппликейшн, Instagram, WhatsApp зэрэг бүх алдартай програмуудаа түүн дээрээ бүтээжээ.
React-ийг Facebook-ээс гадна Dropbox, Uber, Twitter, Netflix, PayPal, Walmart зэрэг бусад алдартай компаниуд ашигладаг.
Вэб хөгжүүлэлтийн элементэд суурилсан дизайны арга нь удирдахад хялбар бөгөөд програмистуудад илүү практик байдаг. React нь тодорхой хэсгийг дахин ашиглах боломжийг хөнгөвчилж, боловсруулах үйл явцыг хурдасгадаг.
React framework ашиглан онлайн болон гар утасны программ үүсгэх боломжтой. ReactJS нь бие даасан номын санд зориулсан бусад хүрээг бодвол илүү тохируулах боломжтой тул хурдан хариу өгөх боломжийг олгодог тул SPA үүсгэх хамгийн сайн хүрээ юм.
Хоёр талын ашигладаг ReactJS нь сервер болон үйлчлүүлэгчийн хооронд ачааллыг хуваалцах боломжийг олгодог.
Өргөлд хариу үйлдэл үзүүлэх
- Виртуал DOM: Үндсэн DOM объектыг виртуал DOM объектоор дүрсэлсэн. Үүний үр дүнд нэг чиглэлтэй өгөгдөл холбох ажиллагаа явагдаж байна. Вэб программыг өөрчлөх ямар ч үед виртуал DOM дүрслэл ашиглан хэрэглэгчийн бүх интерфэйс дахин хүргэгддэг. Энэ нь дууссаны дараа жинхэнэ DOM зөвхөн өөрчлөгдсөн элементүүдийг шинэчлэх болно. Тэр үед хуучин болон шинэ DOM-уудыг хэрхэн дүрсэлж байгааг харьцуулдаг. Энэ нь санах ой болон бусад нөөцийг үрэлгүйгээр програмыг илүү хурдан ачаалах боломжийг олгодог.
- Нэг чиглэлтэй өгөгдлийг холбох: React JS нь нэг чиглэлтэй өгөгдөл холбох механизм эсвэл нэг чиглэлтэй мэдээллийн урсгалыг ашиглан үүсгэгдсэн. Нэг чиглэлийн мэдээллийн хязгаарлалтын давуу талуудын ачаар та програмыг ерөнхийд нь хянах боломжтой болно. Энэ нь байнгын байх ёстой бүрэлдэхүүн хэсгүүдэд орсон өгөгдлийг өөрчлөх боломжгүй юм. Таны мэдээллийг нэг чиглэлтэй байлгахад туслах нэг хэрэгсэл бол флюс юм. Үүний үр дүнд програм нь илүү уян хатан болж, үйлдвэрлэлийн өсөлтийг дэмждэг.
- JSX: React нь JSX гэгддэг JavaScript синтакс өргөтгөлийг дэмждэг. React JS нь XML эсвэл HTML-тэй төстэй хэлний синтакс ашигладаг. React Framework-ийн JavaScript дуудлага нь энэхүү синтаксийн бүтцийг зохицуулдаг. Энэ нь HTML шиг материалтай зэрэгцэн орших JavaScript React кодыг зөвшөөрөхийн тулд ES6-г өргөжүүлдэг.
- Бүрэлдэхүүн хэсгүүд ба сегментүүд: React JS нь олон сегментээс бүрдсэн бүрэлдэхүүн хэсэг дээр суурилсан хүрээг хангадаг бөгөөд тус бүр өөрийн гэсэн давуу тал, чадвартай байдаг. Эдгээр сегментүүдийн хувирамтгай шинж чанараас шалтгаалан бид нарийн төвөгтэй төслүүд дээр ажиллахдаа кодын тохируулга, ашиглахад хялбар байдлыг хадгалах боломжтой.
- гүйцэтгэх: ReactJS нь маш сайн гүйцэтгэлтэй гэдгээрээ алдартай. Ашиглаж байгаа бусад системүүдтэй харьцуулахад энэ бүрэлдэхүүн хэсэг нь үүнийг ихээхэн сайжруулдаг. Энэ нь виртуал DOM-тэй ажилладагтай холбон тайлбарлаж байна. DOM гэж нэрлэгддэг платформ хоорондын компьютерийн програмчлалын API нь HTML, XML эсвэл XHTML-г хянадаг. DOM бүхэлдээ санах ойд байдаг. Үүний үр дүнд бид сегментийг үүсгэхдээ үүнийг зүгээр л DOM-д бичээгүй. Магадгүй бид DOM болгон хувиргах виртуал бүрэлдэхүүн хэсгүүдийг үүсгэж байгаа бөгөөд ингэснээр илүү жигд, хурдан гүйцэтгэлтэй болно.
- Шулуун шударга байдал: ReactJS нь JSX бичлэгүүдийг ашигладаг тул уг програмыг ойлгох, боловсруулахад хялбар байдаг. ReactJS нь бидний мэдэж байгаагаар бүрэлдэхүүн хэсэгт суурилсан техник бөгөөд шаардлагатай бол кодыг дахин ашиглах боломжийг танд олгоно. Үүний үр дүнд үүнийг ашиглах, сурахад хялбар байдаг.
Давуу тал
- Өргөн хүрээний бүрэлдэхүүн хэсэг бүхий хэрэглүүрээр баялаг нээлттэй эхийн номын сан
- Бүрэлдэхүүн хэсгүүдийг дахин ашиглах замаар цаг хэмнэнэ
- Тогтвортой код нь нэг талын мэдээллийн урсгалаар боломжтой болсон.
- Та асуудлыг шийдэж, бүтээлч шийдлүүдийг хурдан авах болно.
- Хөгжүүлэгчийн ажлыг виртуал DOM, мөн хэрэглэгчийн туршлагыг сайжруулсан.
- Түүний дахин ашиглах боломжтой бүрэлдэхүүн хэсгүүд нь програм үүсгэх, засвар үйлчилгээ хийх ажлыг хялбаршуулдаг.
- Тогтмол хугацаанд хүрээг шинэчилж, шинэ хувилбаруудыг гаргадаг.
Сул тал
- Шинэ ур чадвар эзэмшихэд багагүй хугацаа шаардагдана.
- Хөгжүүлэгчдийн хувьд JSX-ийн нарийн төвөгтэй байдлыг ойлгоход хэцүү байдаг.
- Бүх зүйл маш хурдан хөгжиж байгаа тул баримт бичиг хангалтгүй.
- Төсөл томрох тусам та "урсгал ба өгөгдлийн бүрэлдэхүүн хэсгүүдийг" алдах магадлалтай.
Blazor Vs Angular
Angular нэртэй JavaScript-д суурилсан хөгжүүлэлтийн тогтолцоог үүсгэсэн бөгөөд үүнийг Google-ээс дэмждэг. Нэг хуудас програмын туршилт, хөгжүүлэлтийг өнцгийн хүрээ ашиглан хялбаршуулдаг.
Хөгжүүлэгч нь үйлчлүүлэгчийн талын MVC (Загвар, Харах, Хянагч) болон MVVM (Загвар, Харах, Загвар харах) програмуудад зориулсан олон талт хүрээний ачаар өндөр ажиллагаатай, сэтгэл татам SPA-уудыг хурдан үүсгэж чадна. нээлттэй эхийн Blazor болон Angular вэб хөгжүүлэлтийн хүрээ хоёулаа.
Энэ хоёрын гол ялгаа нь Blazor нь C# програмчлалын чадварыг санал болгодог бол Angular нь алдартай JavaScript платформ дээр суурилдаг.
Өөр нэг чухал ялгаа нь Angular-ийг дэлхий даяар хөгжүүлэгчид өргөнөөр ашигладаг бөгөөд үйлдвэрлэхэд бэлэн байдаг. Blazor нь хамгийн сүүлийн үеийн хувилбар боловч хөгжүүлэлтийн шатандаа байгаа бөгөөд байнгын шинэчлэлтүүдийг хүлээн авдаг.
Blazor сервер тал нь PWA байдлаар ажиллах боломжгүй боловч Angular нь PWA-г өргөнөөр дэмждэг. Blazor нь сервер талын бүх үйлчлүүлэгчийн хувьд хэвийн ажиллаж, бүрэлдэхүүн хэсгийн төлөвийг хадгалахын тулд идэвхтэй холболт шаарддаг.
Хэрэв бид багаж хэрэгслийн дэмжлэгийн талаар ярьж байгаа бол Angular JS боловсорч гүйцсэн бол Blazor саяхан Razor-ийн дэмжлэгийг авсан.
Blazor Vs React
Facebook нь 2013 онд Javascript дээр суурилсан хэрэглэгчийн интерфэйсийн бүрэлдэхүүн хэсэг болох React-ийг боловсруулж, танилцуулсан.
Энэ бол өндөр динамик UI/UX үүсгэх хамгийн алдартай, шилдэг вэб фреймворкуудын нэг юм. WhatsApp, Instagram, Facebook Mobile гэх мэт Facebook-ийн ихэнх програмууд үүнийг ашигладаг.
Бие даасан хөгжүүлэгчдийн томоохон нийгэмлэг болох Facebook, технологийн компаниуд бүгд React-ийг сурталчилж байна. React-ийг Dropbox, Uber, Paypal, Twitter, Netflix, Walmart зэрэг алдартай компаниуд ашигладаг.
Blazor нь HTML болон C#/Razor ашигладаг, WebAssembly-ээр дамжуулан дурын хөтөч дээр ажилладаг уламжлалт бус онлайн болон гар утасны хэрэглээний хэрэглэгчийн интерфэйсийн хүрээ юм.
Энэ нь вэб болон гар утасны програмын хэрэглэгчийн интерфэйсийг зохион бүтээхэд зориулагдсан JavaScript-д суурилсан номын сан болох React-ээс ялгаатай. Нээлттэй эхийн хүрээ ба номын санд Blazor болон React орно.
Алдартай байдлын тухайд React нь илүү олон үзэгчдийн таашаалд нийцдэг тул амархан давамгайлдаг.
Өнцгийн эсрэг урвал
Angular бол гар утасны болон онлайн програмуудыг бий болгох бүрэн хүрээ юм. Нөгөө талаар React нь хэрэглэгчийн интерфэйсийг хөгжүүлэхэд зориулагдсан номын сан юм.
Нэмэлт номын сангуудын тусламжтайгаар бид үүнийг урд талын хөгжүүлэлтийн бүрэн шийдэл болгон хувиргаж чадна. React нь энгийн бөгөөд хөнгөн бөгөөд React төслүүдийг илүү хурдан бүтээх боломжтой тул хөгжүүлэгчид үүнийг илүүд үздэг.
Энэ давуу тал нь үнэ цэнэтэй боловч хөгжүүлэгчид бусад JavaScript хүрээ, технологи, хэрэгслийг хэрхэн нэгтгэж сурах хэрэгтэй болдог.
Хэдийгээр Angular нь сурахад илүү хэцүү бөгөөд дизайны хувьд нэлээд төвөгтэй байдаг. Энэ нь вэб хөгжүүлэлтийн гайхалтай туршлагыг хангадаг хүчирхэг бөгөөд найдвартай тогтолцоо бөгөөд аливаа хөгжүүлэгч үүнийг эзэмшсэн тохиолдолд Angular JS-ээс ашиг тус хүртэх боломжтой.
Дүгнэлт
Blazor нэртэй шинэ платформ нь.NET-тэй саадгүй холболтыг санал болгож, Angular болон React зэрэг JavaScript фреймворкуудыг хэрэгжүүлэхийн тулд C# хэлийг ашиглах боломжийг олгодог.
Гэсэн хэдий ч одоогоор онлайн програм боловсруулахдаа JavaScript ашиглаж байгаа олон хүмүүс Angular болон React-ийг илүүд үздэг тул танд вэб програм болон гар утасны програмыг хоёуланг нь зохиож, бүтээх боломжийг олгодог.
JavaScript фреймворкууд маш удаан хугацаанд зах зээл дээр гарч ирсэн бөгөөд мэдэгдэхүйц хөгжилд хүрсэн гэдгийг мэдэх нь маш чухал юм.
Гэсэн хэдий ч Microsoft-ын сүүлийн үеийн бүтээгдэхүүн болох Blazor нь хаа сайгүй дэмжигдээгүй байгаа бөгөөд JavaScript-ийн хүрээ болон номын сангаас хөгжүүлэгчдэд өгдөг олон боломж байхгүй байна.
Бидний өмнө дурдсанчлан, Blazor-ийг ашиглах нь хэд хэдэн давуу талтай бөгөөд гайхалтай, хөнгөн урд талын хөгжүүлэлтийн чадвараараа ашиглагддаг React JS-ийн оронд Angular JS-ийг үйлдвэрлэлийн зориулалтаар сонгоход маш чухал шалтгаанууд бий.
хариу үлдээх