12 bibliotek JavaScript do obejrzenia w 2017 roku
Dzięki setkom darmowych bibliotek JS trudno jest wiedzieć, gdzie umieścić swoją energię. Niektóre z nich zostają odrzucone lub rozwidlone w nowe projekty, podczas gdy inne szybko rosną i osiągają powszechne poparcie.
Większość programistów zna już wielkie nazwy, takie jak jQuery i React. Ale w tym poście chciałbym wprowadzić dwanaście alternatywnych bibliotek JS, które są mniej znane, ale szybko się rozwijają.
1) D3.js
Duże dane to rosnąca branża i Wizualizacja danych szybko staje się równie ważny. Istnieje mnóstwo bibliotek mapowania i mapowania, ale niewiele z nich wyróżnia się tak bardzo jak D3.js . Ta biblioteka JS współpracuje z SVG i elementami canvas w celu renderowania wykresów, wykresów i dynamicznych wizualizacji w Internecie.
Jest całkowicie darmowy i jest jednym z najpotężniejszych narzędzi do wizualizacji opartych na JavaScript. Jeśli szukasz nowoczesnego sposobu renderowania danych w przeglądarce, gorąco polecam zajrzenie do tej biblioteki, aby zobaczyć, co oferuje.
2) Node.js
Wiem, że wielu deweloperów ma już dość słuchania Węzeł cały czas. Jest to jednak najszybciej rosnąca biblioteka JS i oferuje znacznie więcej niż środowisko programisty. Za pomocą NPM możesz zarządzać pakietami lokalnymi dla wszystkich projektów bezpośrednio z linii poleceń.
To sprawia, że Node jest pełnym zestawem narzędzi do programowania, który działa dobrze z innymi narzędziami, takimi jak Gulp. Plus kilka powiązanych projektów open source zostało zbudowanych na Node, dzięki czemu można pracować z testowaniem jednostek w Mocha.js lub zbuduj interfejs front-end z Sails.js struktura.
Jeśli jeszcze nie próbowałeś Node, możesz być zaskoczony tym, jak bardzo brakuje ci.
3) Riot.js
Wirtualny rendering DOM i elementy niestandardowe zaśmiecają bibliotekę React. Szybko stał się on wyborem dla wszystkich profesjonalistów, którzy chcą mieć potężną bibliotekę interfejsów cyfrowych do rozwoju front-end.
Ale Riot.js Stawia solidną walkę, oferując miłą alternatywę dla React. Korzystając z frameworku Riot, nadal masz dostęp do wirtualnego DOM, ale łatwiej kontrolować go z prostszymi wymaganiami składni. Niestety ta biblioteka nie jest tak duża jak React i nie jest zasilana przez Facebooka, więc nie będziesz mieć ogromnej społeczności. Ale to zdrowa alternatywa i jest przyzwoitym konkurentem w przestrzeni czołowej.
4) Create.js
Od animacji internetowych do mediów cyfrowych możesz pracować ze wszystkim CreateJS . To nie jest pojedyncza biblioteka, ale raczej zestaw bibliotek zbudowanych do różnych celów. Na przykład Easel.js współpracuje z elementami canvas5.55, a Tweet.js pomaga w tworzeniu niestandardowych animacji i animacji dla sieci.
Każda biblioteka w tej kolekcji służy innym celom i oferuje nowoczesne funkcje dla wszystkich głównych przeglądarek. Ale większość tych bibliotek pomaga w wyspecjalizowanych funkcjach, więc najlepiej jest je stosować na specjalnych stronach internetowych. Jeśli jesteś ciekawy, to spójrz na Stwórz stronę JS aby zobaczyć, co oferuje.
5) Keystone.js
Wcześniej wspominałem o Node.js i o tym, ile innych bibliotek jest na nim zbudowanych. Keystone.js to fantastyczny przykład, który wykracza poza węzeł Node, oferując pełny silnik CMS.
Z Keystone możesz budować ZNALIĆ webappy powered by Node / Express i MongoDB na zapleczu. Keystone.js jest całkowicie darmowy, ale wciąż bardzo nowy. W chwili pisania tego tekstu jest tylko w wersji 0.3, więc ma długą drogę do profesjonalnego użytku.
Ale jeśli jesteś łaskoczony przez czysty CMS JavaScript, sprawdź to i zobacz, co myślisz.
6) Vue.js
W świecie front-frameworków zazwyczaj znajdziesz dwa wybitne wybory: Angular i Ember. Ale Vue.js jest kolejnym bardzo popularnym wyborem i od tego czasu zyskuje coraz więcej uwagi wydanie v2.0 .
Vue to framework JavaScript frontend MVVM, więc odchodzi od typowej architektury MVC. Trudno się nauczyć, ale składnia jest prosta, gdy zrozumiesz, jak to wszystko działa. Jest to z pewnością realistyczny wybór w wojnie z frontowymi frameworkami i warto go dokładnie obserwować w ciągu najbliższych kilku lat.
7) Meteor
Możesz zintegrować dowolną platformę z Struktura Meteor z fantastycznymi wynikami. Ten projekt open source pomaga programistom budować aplikacje oparte na JS, niezależnie od tego, czy są to aplikacje do czatu w czasie rzeczywistym, czy społeczności społecznościowe, czy niestandardowe kokpity menedżerskie.
Istnieje nawet szkielet wiadomości społecznościowych Teleskop zbudowany na szczycie Meteor. Umożliwia to tworzenie od zera strony z wiadomościami społecznościowymi / głosowaniem społecznościowym na Meteor i React.
Meteor jest bestią biblioteki z wieloma funkcjami, ale nie jest to łatwe do nauczenia. Jednak jest to zabawne i wykwalifikowane programistów JS może zbudować prawie wszystko z tej platformy.
8) Chart.js
Z Chart.js możesz tworzyć wykresy słupkowe, liniowe, bąbelkowe i wiele innych podobnych funkcji przy użyciu JavaScript i kanwowego interfejsu API. Jest to jedna z najprostszych bibliotek JS do tworzenia wykresów danych i zawiera wbudowane opcje animacji.
Jest to jedna z niewielu bibliotek, które polecam dla wykresów danych, ponieważ jest łatwa w konfiguracji, łatwa w dostosowaniu i zawiera jedne z najlepszych dokumentacja dowolnego projektu open source.
9) WebVR
Wygląda na to, że wirtualna rzeczywistość podbiła świat nowymi startupami i ekscytującymi programistami pracującymi niestrudzenie nad projektami VR. Dlatego nie byłem zaskoczony, gdy się go znalazłem WebVR , nowy JavaScript API stworzony dla VR w twojej przeglądarce.
Działa to na najpopularniejszych urządzeniach takich jak Oculus Rift i Vive, ale obecnie znajduje się w fazie rozwoju. Interfejs API jest otwarty i stale testowany w stosunku do nowoczesnych przeglądarek, aby ocenić jego działanie na urządzeniach VR.
Jeśli chcesz dowiedzieć się więcej lub zaangażować się w projekt, sprawdź oficjalna strona lub odwiedź stronę Strona MozVR po więcej informacji.
10) Three.js
To szalone, aby zobaczyć, jak bardzo wzrosła animacja 3D sięgająca lat 80. aż do dzisiaj. Wszyscy znamy animowane filmy 3D, ale animacja internetowa jest wciąż nową granicą. I na szczęście mamy biblioteki takie jak Three.js płonący ścieżkę do animacji 3D w Internecie.
Na głównej stronie znajdziesz dziesiątki żywych przykładów Three.js w akcji. Możesz budować wrażliwe na ruch tła, niestandardową grafikę internetową 3D i dynamiczne elementy interfejsu, które korzystają z efektów animacji 3D. Jeśli masz dość cierpliwości i popychasz, możesz stworzyć dowolny efekt 3D z tą biblioteką. Jest to najlepsze źródło ruchu 3D w Internecie i jest dostępne wiele przykładów aby zacząć.
11) Omniscient.js
Funkcjonalne programowanie za pomocą JavaScriptu nie jest niczym nowym. Ale jest całkiem nowy w sieci i teraz jest bardziej powszechny w bibliotekach takich jak Omniscient.js . Ta bezpłatna biblioteka open source obsługuje widoki z odgórnym procesem renderowania dla wszystkich komponentów front-end. Możesz napisać od podstaw funkcjonalny kod JS i pracować z istniejącymi bibliotekami UI, takimi jak React.
Szczególnie poleciłbym tę bibliotekę wszystkim doświadczonym programistom, którzy chcą usprawnić proces programowania. Jest to skomplikowany temat dla początkujących, ale Wszechwiedzący może radykalnie zmienić przepływ pracy dewelopera, gdy jest używany w koordynacji z komponentami React.
12) Ractive.js
Jeśli szukasz biblioteki UI, która różni się od reszty, myślę Ractive.js dobrze pasuje do formy. Obejmuje dwukierunkowe wiązanie elementów szablonu i danych, dzięki czemu można tworzyć szablony z elementami wiążącymi się z funkcjami Ractive w JavaScript.
Jest to dość gęsta biblioteka, ale oferuje jedną z najłagodniejszych krzywych uczenia dla początkujących. Nie jest tak szczegółowe, jak React, i używa bardzo różnych składni w JS i HTML. Odwiedzić strona główna aby dowiedzieć się więcej i sprawdzić strona przykładów aby zobaczyć, co jest możliwe w Ractive.
Wszystkie biblioteki w tym poście mają coś wyjątkowego do zaoferowania społeczności JS. Jeśli lubisz majstrować przy JavaScript, przejrzyj wszystkie biblioteki tutaj i zobacz, jakie mogą zaoferować twoje projekty internetowe.