Angular vs React vs Vue: który Framework wybrać w 2021

Google Trends rozbija go również według lokalizacji geograficznej, jeśli chcesz sprawdzić trendy wyszukiwania ofert pracy w swojej okolicy.

Jeśli szukasz ściśle z punktu widzenia obecnego rynku pracy, najlepiej jest nauczyć się Angular lub reagować. Jednak biorąc pod uwagę, że Vue zyskał popularność w ciągu ostatnich trzech lat, może zająć trochę czasu, aby projekty korzystały z vue lub nowe projekty, które przyjmują Vue, aby osiągnąć poziom dojrzałości, który nakazuje większej liczbie programistów.

część 2: Społeczność i rozwój

teraz, gdy znasz historię i najnowsze trendy dla każdej z tych ram, przyjrzymy się społeczności, aby ocenić rozwój tych ram. Widzieliśmy już, że dla wszystkich frameworków, przyrostowe wersje były regularnie wysyłane w ciągu ostatniego roku, co wskazuje, że rozwój odbywa się w pełnym rozkwicie.

spójrzmy na Angular vs React vs Vue w odniesieniu do statystyk na ich repozytoriach GitHub (i zauważ, że numery Vue zawierają również oddzielne repozytorium vue 3.0):

porównując Vue vs React, Vue ma ogromną liczbę obserwatorów, gwiazd i widelców. Pokazuje to Popularność Vue wśród użytkowników i jej wartość w porównaniu do Reacta. Jednak liczba współpracowników dla Vue jest niższa niż Angular i React.

jednym z możliwych wyjaśnień jest to, że Vue jest napędzany w całości przez społeczność open source, podczas gdy Angular i React mają znaczący udział w pracach nad repozytoriami pracowników Google i Facebooka.

ze statystyk wynika, że wszystkie trzy projekty wykazują znaczącą aktywność rozwojową i z pewnością będzie ona kontynuowana w przyszłości-właśnie te statystyki nie mogą być podstawą do nie podjęcia decyzji o skorzystaniu z żadnego z nich.

dodatkowym wskaźnikiem, który warto rozważyć, jest znaczek Github” Used by”, który musi być włączony przez autora repozytorium. To pokazuje, jak wiele innych repozytoriów na GitHub jest zależnych od tego repozytorium. React pokazuje obecnie prawie 5,7 miliona użytkowników, podczas gdy Vue pokazuje ponad 167,000 dla obu swoich repo łącznie. Spora różnica między tymi trzema frameworkami, ale wynika to w dużej mierze z tego, że Vue jest nowszym frameworkiem i nie daje pełnego obrazu ogólnego popytu.

Część 3: Migracje

pracując z wybranym frameworkiem, nie musisz się martwić o nadchodzącą aktualizację frameworku i bałagan w kodzie. Chociaż w większości przypadków nie napotkasz wielu problemów z jednej wersji do drugiej, ważne jest, aby trzymać rękę na pulsie, ponieważ niektóre aktualizacje mogą być bardziej znaczące i wymagają poprawek, aby zachować zgodność.

Angular planuje główne aktualizacje co sześć miesięcy. Istnieje również okres kolejnych sześciu miesięcy, zanim jakiekolwiek główne interfejsy API zostaną wycofane, co daje czas dwóch cykli wydawniczych (jeden rok) na wprowadzenie niezbędnych zmian, jeśli takie istnieją.

jeśli chodzi o Angular vs React, Facebook stwierdził, że stabilność jest dla nich najważniejsza, ponieważ ogromne firmy, takie jak Twitter i Airbnb, używają Reacta. Aktualizacje w różnych wersjach są w Reaccie najłatwiejsze, a Skrypty takie jak react-codemod pomagają w migracji.

w sekcji migracja dokumentów Vue 3, Vue wspomina, że wiele jest takich samych między Vue 2 i Vue 3, podczas gdy 90% API jest takie samo, jeśli migrujesz z 1.x do 2. Na konsoli dostępne jest narzędzie Pomocnik migracji Vue 2 do Vue 1, które służy do oceny stanu aplikacji.

Część 4: Praca z Vue vs Angular vs React

istnieje kilka ważnych cech, na które należy zwrócić uwagę, z których najważniejszymi są ogólny rozmiar i czas ładowania, dostępne komponenty i krzywa uczenia się.

…

rozmiar i czas ładowania ⏲ ️

rozmiary bibliotek nie będą tak duże, ponieważ buforowanie i minifikacja są obecnie dość standardowe. Chociaż może istnieć znacząca różnica między rozmiarami frameworków (np. Angular jest największy), nadal są one małe w porównaniu do średniego rozmiaru strony internetowej (około 2MB według najnowszych danych). Dodatkowo, jeśli używasz popularnego CDN do załadowania tych bibliotek, jest wysoce prawdopodobne, że użytkownik ma bibliotekę już załadowaną w swoim lokalnym systemie.

…

Komponenty 🏗 ️

komponenty są integralnymi częściami wszystkich trzech frameworków, bez względu na to, czy mówimy o vue, React czy Angular. Komponent zazwyczaj otrzymuje dane wejściowe i na ich podstawie zmienia zachowanie. Ta zmiana zachowania zazwyczaj przejawia się jako zmiana w interfejsie użytkownika pewnej części strony. Użycie komponentów ułatwia ponowne użycie kodu. Komponentem może być koszyk w witrynie e-commerce lub okno logowania w sieci społecznościowej.

Angular: w Angular komponenty są określane jako dyrektywy. Dyrektywy są tylko znacznikami na elementach DOM, które Angular może śledzić i dołączać również określone zachowanie. Dlatego Angular oddziela część UI komponentów jako atrybuty znaczników HTML i ich zachowania w postaci kodu JavaScript. To jest to, co wyróżnia go podczas patrzenia na Angular vs React.React: React, co ciekawe, łączy interfejs użytkownika i zachowanie komponentów. Na przykład, oto kod do stworzenia komponentu hello world w Reaccie. W Reakcie ta sama część kodu jest odpowiedzialna za tworzenie elementu UI i dyktowanie jego zachowania.

Vue: Jeśli chodzi o Vue vs React, w Vue interfejs użytkownika i zachowanie są również częścią komponentów, co czyni rzeczy bardziej intuicyjnymi. Ponadto Vue jest wysoce konfigurowalny, co pozwala łączyć interfejs użytkownika i zachowanie komponentów z poziomu skryptu. Co więcej, możesz również użyć procesorów wstępnych w Vue zamiast CSS, co jest świetną funkcjonalnością. Vue jest świetny, jeśli chodzi o integrację z innymi bibliotekami, takimi jak Bootstrap.

aby porównać wygląd tej samej aplikacji z różnymi bibliotekami, oto świetny post na temat tworzenia tej samej aplikacji do zrobienia na React i Vue oraz kontrastowania różnic między tymi dwoma frameworkami.

…

krzywa uczenia się 🎓

jak trudno jest nauczyć się każdej z tych ram?

Angular: Angular ma stromą krzywą uczenia się, biorąc pod uwagę, że jest to kompletne rozwiązanie, a opanowanie Angular wymaga nauki powiązanych pojęć, takich jak TypeScript i MVC. Mimo że nauka Angular wymaga czasu, inwestycja opłaca się pod względem zrozumienia, jak działa front end.React: React oferuje przewodnik po rozpoczęciu pracy, który powinien pomóc skonfigurować Reacta w około godzinę. Dokumentacja jest dokładna i kompletna, z rozwiązaniami typowych problemów już obecnych na Stack Overflow. React nie jest kompletnym frameworkiem, a zaawansowane funkcje wymagają użycia bibliotek innych firm. To sprawia, że krzywa uczenia się podstawowej struktury nie jest tak stroma, ale zależy od ścieżki, którą wybierzesz z dodatkową funkcjonalnością. Jednak nauka korzystania z Reacta nie musi oznaczać, że stosujesz najlepsze praktyki.Vue: Vue zapewnia większą możliwość dostosowania, a zatem jest łatwiejszy do nauczenia niż Angular lub React. Ponadto Vue pokrywa się z Angular i React w odniesieniu do ich funkcjonalności, takich jak użycie komponentów. W związku z tym przejście na Vue z jednego z dwóch jest łatwą opcją. Jednak prostota i elastyczność Vue to obosieczny miecz-pozwala na słaby Kod, co utrudnia debugowanie i testowanie.

chociaż Angular, React i Vue mają znaczną krzywą uczenia się, ich zastosowania po opanowaniu są nieograniczone. Na przykład możesz zintegrować Angular i React z WordPress i WooCommerce, aby tworzyć progresywne aplikacje internetowe.

Angular vs React vs Vue: kto wygrywa?

pod koniec tego postu przypomnijmy sobie charakterystyczne cechy każdego frameworka, aby spróbować odpowiedzieć na pytanie: Angular vs React vs Vue: który wybrać?

Angular jest najbardziej dojrzałym frameworkiem, ma dobre wsparcie pod względem współpracowników i jest kompletnym pakietem.

jednak krzywa uczenia się jest stroma i koncepcje rozwoju w Angular mogą zniechęcić nowych programistów.

Angular to dobry wybór dla firm z dużymi zespołami i programistów, którzy już używają maszynopisu.

Extra 👉 Oto kilka szablonów Pulpitu Nawigacyjnego Angular admin, które mogą Cię zainteresować.

React jest wystarczająco stary, aby być dojrzałym i ma ogromną liczbę wkładów od społeczności. Zyskała szeroką akceptację. Rynek pracy dla Reacta jest naprawdę dobry, a przyszłość tego frameworka wygląda jasno.

React wygląda na dobry wybór dla kogoś, kto zaczyna pracę z front-endowymi frameworkami JavaScript, startupami i programistami, którzy lubią elastyczność. Możliwość bezproblemowej integracji z innymi frameworkami daje dużą zaletę dla tych, którzy chcieliby trochę elastyczności w swoim kodzie.

Vue jest najnowszy na arenie, bez wsparcia dużej firmy.

jednak w ciągu ostatnich kilku lat spisało się naprawdę dobrze, aby wyjść jako silny konkurent dla Angulara i Reacta, a zwłaszcza z wydaniem Vue 3.0. Być może odgrywa to rolę z wieloma chińskimi gigantami, takimi jak Alibaba i Baidu, wybierając Vue jako główny front-endowy framework JavaScript. Vue powinien być twoim wyborem, jeśli wolisz prostotę, ale także elastyczność.

Extra 👉 Oto kilka szablonów vue Admin zbudowanych z Bootstrap, które mogą Cię zainteresować.

odpowiedź na debatę Angular vs React vs Vue jest taka, że nie ma absolutnie właściwego wyboru, wniosku, którego prawdopodobnie się spodziewałeś.

każda z tych bibliotek ma swoje zalety i wady. W zależności od projektu, nad którym pracujesz i Twoich indywidualnych wymagań, jeden z nich będzie bardziej odpowiedni niż pozostałe. Zawsze kluczem jest zrobienie własnych badań przed podjęciem decyzji, zwłaszcza jeśli masz zamiar pracować nad przedsięwzięciem biznesowym, a nie nad osobistym projektem.

który framework Twoim zdaniem jest tutaj zwycięzcą-Angular vs React vs Vue? Daj nam znać w komentarzach poniżej.

z drugiej strony, co powiesz na używanie WordPressa? WordPress doskonale nadaje się do uruchomienia prawie każdego projektu strony internetowej, jaki można sobie wyobrazić, a dostępnych jest kilka niesamowitych motywów, które sprawią, że twój projekt będzie wyglądał świetnie (wiele z tych motywów można pobrać za darmo). Nie wspominając o tym, że możesz hostować stronę WordPress taniej.