piątek, 8 Czerwiec 2018

JavaScriptowe Frameworki

Omówimy parę z wiodących frameworków, chociaż w chwili pisania tego artykułu pojawiło się na pewno kilka frameworków.

 


 

Vue.js – framework open-source służący do tworzenia progresywnych aplikacji webowych, którego autorem jest Evan You.

Z założenia skupia się na tworzenie widoku, a funkcjonalności typu routing czy zarządzanie stanami aplikacji powinny zostać zaimplemtowane przez zewnętrzne biblioteki
stopniowo dodawane w trakcie budowania aplikacji.

Do lepszego zarządzania naszą aplikacja możemy użyć menadżera stanów Vuex, jego idea powstawania była zainspirowana architekturą Flux a także językiem Elm. Nasza aplikacja może być także renderowana po stronie serwera to powinnyśmy skorzystać z Nuxt.js.

Vue.js nadaję się świetnie dla osób, którę chcą od razu po przeglądnięciu pracy móc spokojnie i szybko przejść do tworzenia swojej aplikacji a także cenią sobie możliwość bezproblemowego podpinania kolejnych bibliotek.

Zalety:

  • świetna dokumentacja
  • łatwy do nauki
  • możliwość renderowania po stronie serwera
  • łatwo rozpocząć z nim pracę

Minusy:

  • wymaga instalowania dodatkowych bibliotek

 

React – biblioteka do tworzenia widoków aplikacji, stworzona przez programistę Facebooka Jordana Walkera.

React pozwala tworzyć aplikacje webowe stworzone z małych modułów, które ze sobą współpracują.

Niestety, bez żadnego menadżera stanów naszej aplikacji typu Flux czy Redux, bardzo łatwo się pogubić, które komponenty na siebie oddziałowują.

Przy pomocy wymienionych wyżej menadzerów stanów możemy otrzymac jednokierunkowy przepływ danych, dzięki czemu wraz ze zwiększeniem się złożoności naszej aplikacji nie musimy się martwić o to jak jest ona zoorganizowana.

Do tego jeśli chcemy renderować naszą aplikację po stronie serwera możemy skorzystać z frameworka Next.js, a także jeśli zajdzie potrzeba możemy przy jego pomocy serwować naszą aplikację statycznie.

Świetny framework dla osób, które w przyszłości zamierzają także tworzyć hybrydowe aplikacje mobilne przy użyciu React Native, wiedza przy nauce Reacta bardzo w tym przypadku zaprocentuje.

Zalety:

  • wspierany przez Facebooka
  • najpopularniejsza biblioteka do tworzenia frontendu
  • łatwy do nauki
  • łatwo dodać nowe biblioteki

Wady:

  • wymaga instalowania dodatkowych bibliotek

 

Angular 2 – stworzony przez deweloperów Google, framework MVC o pełnym tego słowa znaczeniu.

Przy jego pomocy możemy pisać w JavaScripcie czy Typescripcie, dzięki któremu zyskujemy statyczne typowanie, zdecydowanie łatwiej programuje się przy jego użyciu obiektowo co w połączeniu ze świetną dokumentacją pozwala spokojnie z nim pracować.

Do natychmiastego stworzenia szkieletu naszej aplikacji możemy użyć angular cli i w ciągu kilku chwil możemy już zacząć w nim tworzyć.

 

Zalety:

  • wsparcie od Google
  • two-way data binding
  • wiele dostępnych od razu wbudowanych funkcjonalności
  • Typescript

Wady:

  • dla osób preferujących programowanie w sposób funkcyjny typescript nie jest najlepszym
    wyborem
  • wymaga trochę nauki
  • renderowanie po stronie serwera nie jest tak łatwe jak w innych frameworkach

 

Aurelia to framework napisany przez deweloperów z projektu Durandal i nie tylko w następnej generacji EcmaScript

Jest to framework zinteregrowany z Web Komponentami pozwala nam pisać w czystym JavaScripcie lub w przypadku gdy ktoś preferuje statyczne typowanie i bardziej obiektowe podejście w Typescripcie.

Sama idea Aureli różni się nieco od monolitycznych frameworków, przedkłada ona konwencje nad konfiguracje, struktura aplikacji jest prostsza porównując np. do Angulara 2.

Dodatkowo Aurelia wspiera one-way data binding a także two-way data binding czyli nie musimy rezygnować z żadnego ze sposobów jak to miejsce przy alternatywnych narzędziach.

Na dobrą sprawę, kod pisany w tym Aureli można użyć także w innym projekcie i nie powinno być większych problemów z jego integracją.

Wydaję się on dobrym wyborem dla osób, które preferują pisanie w czystym JavaScripcie bez dodatku własnej zależnej do danego narzędzia składni.
Zalety:

  • Pisanie aplikacji w czystym JavaScripcie
  • łatwe tworzenie modułów
  • do wyboru, one-way data binding lub two-way data-binding
  • możliwość skorzystania z Typescriptu

Wady:

  • mała popularność
  • niewiele dodatkowych bibliotek

Back to home
Alternatywne JavaScriptowe Frameworki

W JavaScriptowym świecie poza frameworkami React, Angular które podzieliły po między siebie popularność, a goniącym je Vue.js jest jeszcze miejsce na inne, mniej skompilowane frameworki, które nie zostały jeszcze dostrzeżone przez szersze grono ludzi.

Read more...
Flutter – pobieranie danych w formacie JSON

W tym wpisie zapoznamy się jak w prosty sposób pobrać dane w formacie JSON.

Read more...
Flutter – nowe narzędzie do tworzenia mobilnych aplikacji

Flutter to nowy framework stworzony przez Google do tworzenia mobilnych aplikacji na systemy iOS czy Android, za pomocą języka Dart. Język ten możemy wykorzystać przy tworzeniu webowych aplikacji na przykład przy pomocy frameworku AngularDart czy do wspomnianych aplikacji mobilnych.

Read more...