Artykuły | 5 styczeń, 2022

Najlepsze frameworki frontendowe

Narzędziownik programisty frontend to nie tylko języki programowania takie jak JavaScript, HTML, TypeScript czy CSS. Każdy programista, który tworzy „na froncie”, powinien zadbać o stack technologiczny, którego istotną część stanowią biblioteki i frameworki. W artykule skupię się na tych drugich… chociaż nie tylko. Omówię 3 narzędzia z mojej subiektywnej listy i spróbuję odpowiedzieć na pytanie, które wciąż wzbudza wiele emocji: który framework frontendowy jest najlepszy?

Najlepsze frameworki frontendowe

Czym są frameworki?

Framework to nic innego jak szkielet aplikacji wraz z pewnymi schematami zachowań, które pozwalają na ich budowę. Głównym celem każdego frameworka jest poprawa efektywności, zapewnienie swoistego rodzaju niezawodności oraz utrzymanie jakości kodu w pewnych narzuconych ryzach. Oczywiście oprócz wymienionych wyżej zalet istnieją też pewne niedogodności, takie jak na przykład złożoność kodu. Przed przystąpieniem do pracy musimy po prostu nauczyć się reguł, które panują w danym środowisku. Często wyzwaniem może być wydajność, ale jest to kwestia doboru odpowiednich narzędzi do rozwiązania, które budujemy.

Angular

Angular framework

Angular to framework stworzony przez firmę Google. W praktyce jest to kolejna gałąź frameworka AngularJS, opartego na języku JavaScript. Jednak nie należy spodziewać się tutaj uspójnionych koncepcji czy kontynuacji rozwiązań. Językiem, w którym piszemy w Angularze, jest TypeScript. Framework ten wprowadza pełną gamę funkcjonalności, które powinien posiadać każdy szkielet aplikacji. Programiści cenią Angulara przede wszystkim za takie funkcjonalności jak narzucona architektura aplikacji, routing, rozwiązanie wspierające pisanie komponentów, modułowość czy zastosowanie wzorców projektowych.

Istnieją również problemy, które często są zgłaszane przez użytkowników, między innymi: wysoki próg wejścia – zanim zacznie się pisać kod, trzeba przyswoić sporo wiedzy. Zatem wyzwaniem bez wątpienia jest duża złożoność frameworka oraz paradoksalnie związana z narzuconą architekturą mała elastyczność tworzonych aplikacji.

Vue.js

Vue.js

Jest to framework typu open source, zaprojektowany przez szeroką rzeszę specjalistów. Dane autorów możemy znaleźć na stronie: https://vuejs.org/. Vue.js proponuje bardzo podobne funkcjonalności co Angular, a jednocześnie można odnieść wrażenie, że jest znacznie prostszym frameworkiem niż jego kuzyn od Google. Próg wejścia jest zdecydowanie niższy, a często możemy napisać prostą aplikację po kilku minutach nauki, znając podstawy HTML, CSS i JavaScript. Z drugiej strony jednak powoduje to, że kod może być zdecydowanie gorszej jakości. Kolejną rzeczą, która w Vue.js, jak i Angularze nie jest doskonałym rozwiązaniem, jest rozbudowanie HTML o dyrektywy, które pozwalają nam programować na poziomie szablonu. W mojej opinii znacznie obniża to czytelność kodu.

React

React

Zaraz, zaraz – czy należy o nim mówić jak o frameworku? Zdecydowanie nie! Pewnie zastanawiacie się, dlaczego w takim razie w ogóle React znalazł się na tej liście? Przede wszystkim dlatego, że jest to biblioteka, która ma ogromną część funkcjonalności frameworka. Wzbogacona o konkretne biblioteki, powoduje, że ekosystem aplikacji reactowej staje się w pełni działającym frameworkiem. Takie rozwiązanie cechuje się tym, że możemy w swobodny sposób zarządzać kształtem naszej aplikacji, nie pomijając dobrych praktyk, które narzucają te narzędzia. Użycie JSX jako języka szablonów jest dużo bardziej czytelne niż typowy kod HTML. Ponadto w React możemy wszystko uznać za komponenty, co powoduje, że nie tworzymy dodatkowych struktur z większą złożonością. W tym ujęciu okazuje się, że moduły nie są potrzebne, a wprowadzają jedynie dodatkową warstwę deklaracji.

Podsumowując… Który framework jest najlepszy?

Z użyciem Angulara można często spotkać się w projektach, w których wymagany jest duży poziom zaufania do narzędzia oraz istnieje konkretna specyfikacja, jak np. w projektach bankowych. W mojej ocenie Vue.js jest najmniej trafnym wyborem spośród wymienionych narzędzi, ponieważ nie wprowadza żadnej rewolucyjności, a sam w sobie miesza mnóstwo warstw w jednym miejscu.

Istnieje mnóstwo rodzajów frameworków frontendowych. Wymienione wyżej są najczęściej używane w ujęciu komercyjnym. W mojej opinii najbardziej przyjaznym oraz najszybszym jest React. Pozwala on na szybkie pisanie kodu bez dodatkowych konfiguracji.

Pamiętajcie jednak, że najważniejsze w budowaniu aplikacji, a tym samym przy wyborze frameworków, jest określenie tego, czego potrzebujemy. Opinie na temat frameworków są subiektywne i często zależne od poziomu wiedzy o nich. Jedno moim zdaniem jest pewne: nie istnieje coś takiego jak „najlepszy framework”, ale na pewno można wskazać „najlepszy framework pod kątem konkretnego rozwiązania”. Który? Niech zdecyduje o tym zespół developerów, którzy będą pisali aplikację.

 

Senior Front-End Developer z 8-letnim doświadczeniem. W pracy skupia się na dostarczaniu rozwiązań jak najprostszych. Nie zamyka się na żadną technologię, o czym może świadczyć kilka lat doświadczenia w C++ oraz PHP. Jest ogromnym fanem React.js oraz TypeScript. Ceni również programowanie funkcyjne. Doświadczenie zdobywał w firmach polskich i angielskich. Najbardziej dumny jest jednak z tego, że udało mu się pomóc koledze w zostaniu programistą od zera! Po pracy ogromny fan czytania książek wszelkich oraz sportów walki – posiada brązowy pas w brazylijskim jiu-jitsu. Do tego "tata" 2-letniego kota oraz półrocznego psiaka – malamuta.

Zapisz się do newslettera, ekskluzywna zawartość czeka

Bądź na bieżąco z najnowszymi artykułami i wydarzeniami IT

Informacje dotyczące przetwarzania danych osobowych

Zapisz się do newslettera, ekskluzywna zawartość czeka

Bądź na bieżąco z najnowszymi artykułami i wydarzeniami IT

Informacje dotyczące przetwarzania danych osobowych

Zapisz się do newslettera, aby pobrać plik

Bądź na bieżąco z najnowszymi artykułami i wydarzeniami IT

Informacje dotyczące przetwarzania danych osobowych

Dziękujemy za zapis na newsletter — został ostatni krok do aktywacji

Potwierdź poprawność adresu e-mail klikając link wiadomości, która została do Ciebie wysłana w tej chwili.

 

Jeśli w czasie do 5 minut w Twojej skrzynce odbiorczej nie będzie wiadomości to sprawdź również folder *spam*.

Twój adres e-mail znajduje się już na liście odbiorców newslettera

Wystąpił nieoczekiwany błąd

Spróbuj ponownie za chwilę.

    Get notified about new articles

    Be a part of something more than just newsletter

    I hereby agree that Inetum Polska Sp. z o.o. shall process my personal data (hereinafter ‘personal data’), such as: my full name, e-mail address, telephone number and Skype ID/name for commercial purposes.

    I hereby agree that Inetum Polska Sp. z o.o. shall process my personal data (hereinafter ‘personal data’), such as: my full name, e-mail address and telephone number for marketing purposes.

    Read more

    Just one click away!

    We've sent you an email containing a confirmation link. Please open your inbox and finalize your subscription there to receive your e-book copy.

    Note: If you don't see that email in your inbox shortly, check your spam folder.