Biblioteki JavaScript i WordPress: co musisz wiedzieć

Mówiłem to już wcześniej i powiem to jeszcze raz: jeśli jesteś użytkownikiem WordPressa, musisz zapoznać się z JavaScriptem. To po prostu sposób sieci. Prawdziwym problemem jest więc niepokojąca liczba bibliotek JavaScript, które musisz posortować.

Jest Ember, React, Angular. Vue i Preact. I nie zapomnij o Ionic, Express lub Node. Na uwagę zasługują także jQuery, Meteor i Bootstrap. Och, a co z…

Rozumiesz mój punkt widzenia. (I to są tylko te, które mógłbym nazwać z czubka głowy bez otwierania nowej karty.) Biblioteki JavaScript zaśmiecają krajobraz, ponieważ są niezbędne do programowania.

Niezależnie od tego, czy potrzebujesz manipulacji DOM, frameworka MVC, wywołań AJAX, czy czegoś zupełnie innego, prawdopodobnie istnieje biblioteka, z której możesz skorzystać, aby pomóc Ci w drodze.

Jako użytkownik WordPressa powinna to być muzyka dla twoich uszu, a oto dlaczego.

Czym właściwie są biblioteki JavaScript?

Proste: kilka gotowych kodów. Nic fajnego. Możesz jednak zrobić z nimi wiele wymyślnych rzeczy. Dlatego są niesamowite.

Korzystając z gotowego kodu i wciągając go do swojej witryny, możesz dodać funkcje, które oszczędzą Twój czas, ale także prawdopodobnie wypełnią luki w Twojej wiedzy. Jasne, jesteś dobry w tym, co robisz, ale jesteś programistą WordPress, a nie programistą JavaScript.

W porządku.

Korzystając z bibliotek JavaScript w WordPressie, korzystasz z wiedzy innych osób, aby ulepszyć swoją witrynę i wrażenia użytkowników.

Najpierw rzeczy pierwsze

Jako użytkownik WordPress masz dostęp do wielu bibliotek JavaScript i ich zależności już w Core. Zapoznaj się z Kodeksem, aby uzyskać pełną listę i jak używać wp_enqueue_script z wbudowanym i zewnętrznym JS.

Biblioteki JavaScript… Do czego są przydatne?

Wiele osób jest zdezorientowanych, mówiąc o bibliotekach JavaScript, ponieważ często są one błędnie oznaczane jako frameworki JavaScript , które są różne. Framework jest rodzajem biblioteki, ale działa nieco inaczej niż większość.

Struktury są tym, czego używasz do tworzenia aplikacji lub witryny internetowej na pełną skalę. Zasadniczo frameworki JS pełnią tę samą funkcję, co sam WordPress – stanowiąc szkielet każdego projektu, nad którym pracujesz. Są one znacznie bardziej ustrukturyzowane pod względem użytkowania niż biblioteki nie będące frameworkiem.

Struktury można podzielić na kilka kategorii: struktury frontonu, struktury zaplecza i struktury pełnego stosu. Jeśli nie znasz terminów, front-end jest tym, z czym użytkownik wchodzi w interakcję, back-end zajmuje się problemami po stronie serwera, a pełny stos obsługuje zarówno front, jak i tył.

Prawdopodobnie słyszałeś o kilku najpopularniejszych/popularnych frameworkach:

• Kątowy
• Node.js
• Vue.js
• Reagować
• Niedopałek

Jak to wszystko działa w WordPressie?

Niektóre z tych bibliotek nie. I właśnie o to mi chodzi: jeśli pracujesz z WordPressem, nie potrzebujesz back-endowego frameworka (iw tym duchu frameworka z pełnym stosem). Nasz wspaniały rdzeń już obsługuje ten poziom struktury za nas. (Pamiętaj, że jest to kwestia sporna, jeśli jesteś programistą, który w szczególny sposób przyczynia się do rozwoju Core i/lub robi mnóstwo dostosowań na własną rękę.)

To, czego musisz nauczyć się używać (lub przynajmniej zrozumieć) to frameworki front-end i biblioteki manipulacji DOM. Wchodzą one w grę znacznie częściej niż jakikolwiek inny rodzaj bibliotek JavaScript.

PHP to niesamowity język. To dało nam WP takie, jakie znamy dzisiaj i działa naprawdę dobrze, aby oddać w ręce użytkowników wszelkiego rodzaju logikę i funkcjonalność. Ale biblioteki JavaScript przejmują moc i zwiększają ją wykładniczo.

Niektóre wtyczki, takie jak NinjaForms, napisane w PHP – ponieważ tak mówi WordPress – używaj bibliotek JavaScript, aby zapewnić użytkownikowi lepsze wrażenia i znacznie większą funkcjonalność niż to możliwe. WPNinjas użyło do tego bibliotek Backbone i Marionette.

Cholera, nawet tutaj, w Elegant Themes, Divi 3.0 (co jest niesamowite i powinieneś całkowicie dołączyć, aby używać na wszystkich swoich witrynach) jest napisane w React.

Podobnie jak nadchodzący edytor Gutenberg (przynajmniej na razie) i panel administracyjny WordPress.com o nazwie Calypso (a także Jetpack). Heck, prawie wszystko, co robisz na pulpicie nawigacyjnym .org, jest obsługiwane przez JavaScript, dopóki coś się nie zmieni na serwerze i wymaga zapisania.

Ale nawet to może się wkrótce zmienić… dzięki API WP REST.

WP REST API + Biblioteki JavaScript = BFF

Prawdopodobnie słyszałeś już o interfejsie API WP REST. Krótko mówiąc, tchnie tony życia w rozwój JavaScript w WordPressie, ponieważ nie musisz wysyłać żądań do serwera za pomocą JavaScript, zamiast polegać na PHP.

Tak, możesz teraz uzyskać bezpośredni dostęp do zaplecza swojej witryny z przodu, bez konieczności przedzierania się przez PHP, spowalniając czas reakcji i ograniczając funkcjonalność. WPMU zawiera podział korzystania z interfejsu API REST, który również powinieneś sprawdzić.

Z JS i REST można zrobić tak wiele, że aż strach pomyśleć o tym. Kiedy używasz React (a konkretnie React Native), możesz użyć bazy danych WordPress jako zaplecza dla swojej aplikacji mobilnej bez dotykania PHP. Możesz bezpośrednio wchodzić w interakcję z MySQL za pośrednictwem JSON za pośrednictwem interfejsu API REST.

W pewnym sensie ta interakcja sprawia, że ​​WordPress działa bardzo podobnie do back-endowych frameworków JavaScript, o których mówimy powyżej, zapewniając strukturę aplikacji i zarządzania bazą danych bez pośrednictwa PHP. Nie jest niczym nowym, że WP działa w ten sposób – w końcu tak robi CMS – ale implementacja i integracja z bibliotekami JavaScript i JSON są

Chociaż React Native jest w stanie to zrobić w przypadku aplikacji mobilnych, możesz również użyć dowolnego frameworka lub biblioteki front-end, aby zrobić to samo - Vue.js i Ember oraz normalny stary React (lub Preact, jeśli jesteś nieprzyjemny).

A jeśli jesteś naprawdę nieprzyjemny, możesz wziąć jedną z tych bibliotek, stworzyć swoją witrynę i użyć tylko Swift of Java, aby umieścić ją w widoku sieciowym i wrzucić do App Store dzięki interfejsowi API REST. To trochę brzydkie, ale powinno działać.

Przyszłość WordPressa

Matt powiedział w zeszłym roku, że wszyscy programiści WordPress powinni „dogłębnie uczyć się JavaScript”.

Myślę, że nadszedł czas, abyśmy wszyscy posłuchali. Szczerze mówiąc, nie ma znaczenia, którą bibliotekę lub biblioteki JavaScript wybierzesz jako pierwszą. Gdy już zaznajomisz się z tym, jak jeden lub dwa działają i współdziałają z WordPress, jesteś na dobrej drodze do bycia częścią ekosystemu JS, a co za tym idzie, przyszłością WP.

Niezależnie od tego, czy chcesz stworzyć niesamowitą obsługę klienta dla swojej wtyczki, takiej jak Divi lub Ninja Forms, świetnej aplikacji internetowej, w której Twoi użytkownicy potrzebują szybkich i płynnych aktualizacji, czy też aplikacji mobilnej, która używa WordPressa jako wewnętrznej bazy danych, istnieje JavaScript biblioteki tam dla niego.

Miniatura artykułu autorstwa Creative Thoughts / shutterstock.com