Основно връщане на React срещу Vue

Времето лети от училището на Flatiron. Току-що завършихме седмица 10 с изучаването на React Framework. React е съставен от JavaScript и JSX (комбинация от ванилов JavaScript и специфичен синтаксис, който изглежда подобно на HTML). JSX е препроцесорна стъпка, която добавя XML синтаксис към JavaScript. Определено можете да използвате React без JSX, но JSX прави React много по-елегантен. Използвайки фрагменти от JSX, можете да изградите компоненти, които се превръщат в градивните елементи на уеб приложение. Наистина ми харесва досега, но ми беше любопитно предимствата и недостатъците с други рамки, по-специално Vue.

При React, когато компонент промени състоянието си, той задейства повторно рендериране на цялото дърво на компонента. За да се справите с тези рендери, можете или да използвате trebaliComponentUpdate или React.PureComponent. Ако използвате React.PureComponent вместо React.Component, тогава той ще трябва автоматичноComponentUpdate да се актуализира автоматично.

В React методът трябва да бъде използван само като оптимизация на производителността. Бихте използвали метода ShouldComponentUpdate, за да уведомите React, ако изходът на компонент не се влияе от текущата промяна в състоянието или реквизитите.

Във Vue системата на Vue знае кои компоненти трябва да се рендерират, когато състоянието се промени. Това отнема ненужното рендериране на компонента.

Най-очевидните разлики с React и Vue са със синтаксиса

Както беше посочено по-горе, React е съставен от JavaScript и (по избор) JSX за създаване на компоненти, които се превръщат в градивните елементи на приложението. Vue също може да използва функции за рендер и да поддържа JSX, но те също предлагат шаблони по подразбиране. Валидният HTML действа като шаблон във Vue. Това позволява дори на начинаещите да могат да работят чрез код и да го добавят, тъй като е по-естествено да четат и пишат. Компонентите във Vue могат да бъдат описани като презентационни или логически. Препоръчва се да се използват шаблони за презентационни компоненти и функции за изобразяване с JSX за логическите компоненти.

CSS стайлингът в React се извършва най-вече като CSS в JS. Методът за стайлинг по подразбиране във Vue е като стилови тагове в компоненти на един файл. Кодът за стайлинг в еднофайлови компоненти е в същия файл като кода на компонента.

React и Vue също имат някои прилики

За по-големи приложения React и Vue предлагат добри решения. Redux може да се използва с React за управление на състоянието и да реагира на действията на своя потребител. Vue също може да използва Redux, но има нещо, наречено Vuex, което е друга по-специфична система за управление на състоянието, специално за Vue. Друго сходство между React и Vue е тяхното изпълнение по време на изпълнение. Те са много сходни, така че там няма предимство или недостатък.

React или Vue по-популярни ли са?

Всички библиотеки на Vue за управление на държавата се актуализират с основната библиотека, докато React използва своята общност, за да се погрижи за това. Реактът е по-популярен, така че е в състояние да бъде в крак с притесненията. Според проучване на StackOverflow React е третата най-популярна библиотека сред разработчиците. Според LinkedIn разработчиците на React са по-търсени от Vue със съотношение 5: 1.

Ако искате стартиращ проект за React или Vue, тогава имате късмет!

И Vue, и React предлагат стартиращи проекти. React е приложение за създаване-реагиране, докато Vue има CLI генератор. Един недостатък на начинаещия проект на React е, че той предлага само един шаблон, при условие че правите SPA (приложение за една страница), докато Vue предлага повече разнообразие.

Според мен React има по-стръмна крива на обучение от Vue. С Vue просто трябва да поставите един таг за скрипт, за да започнете да изграждате малки приложения. С React трябва да знаете JavaScript (ES2015 +) и JSX, за да можете да стартирате.

Както при всяка рамка, използвайте това, което има най-голям смисъл за вас (или каквото използва вашата компания!) И двете имат плюсове и минуси плюс има много други рамки там, като Angular или AngularJS.

Кой преден инструмент предпочитате за работата си в наши дни? Честито кодиране!

Източници: