JavaScript wkroczy w wielkim stylu do świata WordPressa. Twórcy motywów i wtyczek WordPress oczywiście zawsze korzystali z JavaScript — jest to istotna część zestawu narzędzi programistów stron internetowych. Ale wraz z wprowadzeniem interfejsu API REST JSON i sugestią Matta Mullenwega, aby programiści WordPress powinien nauczyć się JavaScript (dogłębnie)prawdopodobnie zobaczymy ogromną liczbę twórców motywów i wtyczek korzystających z JavaScript do tworzenia nowych, ekscytujących integracji z WordPress — Aplikacja WordPress na Maca to dopiero początek tego, co jest możliwe.
Wielu programistów korzystających z możliwości tworzenia aplikacji front-endowych dla WordPressa, w tym motywów, będzie budować swoje projekty w oparciu o framework JavaScript. Struktury JavaScript są dostępne we wszystkich kształtach i rozmiarach, od pełnych struktur Model-View-Controller, które mogą obsługiwać jednostronicowe aplikacje internetowe o znacznej złożoności, po prostsze biblioteki pomocnicze, które ułatwiają zarządzanie danymi i wyświetlanie ich na kliencie.
Chciałbym szybko przedstawić trzy najpopularniejsze frameworki JavaScript i podać przykłady tego, jak innowacyjni programiści wykorzystują je do budowania integracji z WordPressem przy użyciu API REST.
Kątowy
Kątowy to wielka bestia w świecie frameworków JavaScript. Jest to w pełni funkcjonalny framework MVC sponsorowany przez Google i używany w wielu witrynach Google, a także w wielu innych dużych witrynach korporacyjnych. Angular to świetny wybór do tworzenia jednostronicowych aplikacji internetowych i choć nic nie stoi na przeszkodzie, aby używać go do motywów i integracji WordPress, może to być przesadą, jeśli jedyne, co chcesz zrobić, to pobrać dane z API WordPress w celu zapełnienia stron. Angular ma również najbardziej stromą krzywą uczenia się ze wszystkich frameworków, którym dzisiaj przyglądamy się.
Yoren Chang napisał przydatny przewodnik po podstawy wykorzystania Angulara w tworzeniu motywów WordPressoraz zestaw bardziej szczegółowych artykułów na temat Angular i API WordPressa.
Reagować
Reagować, który stworzył Facebook, jest projektem znacznie prostszym niż Angular. Zostało opisane jako V w MVC i zasadniczo dotyczy zarządzania wyświetlaniem danych w interfejsie użytkownika i budowaniem interaktywnych interfejsów użytkownika. To, czy uznasz to za dobrą rzecz, zależy od złożoności aplikacji, którą chcesz zbudować na WordPressie, i od tego, czy wolisz renderować po stronie serwera, czy po stronie klienta.
W przypadku prostszych integracji z REST API React jest prawdopodobnie lepszym wyborem niż Angular. React jest szczególnie godny uwagi ze względu na wykorzystanie wirtualnego DOM — zmiany wprowadzone w widoku są wprowadzane do wirtualnego DOM, a rzeczywisty DOM jest aktualizowany dopiero po zakończeniu tych zmian. Rezultatem jest szybkie i płynne doświadczenie użytkownika.
Spójrz na Reaguj na stronę główną dla niektórych przykładów kodu React. Kelly Dwan stworzyła prosty przepis na WordPress używając Reacta, Repozytorium GitHuba co jest świetnym sposobem na poznanie, jak można używać React z API WordPress.
Kręgosłup
Kręgosłup to pełny framework MVC, ale jest mniejszy i mniej złożony niż Angular. Backbone nie jest tak popularny jak inne rozwiązania, które omówiłem, ale jest używany w niektórych poważnych serwisach internetowych, w tym na Twitterze, Pintereście i Disqus.
Dla programistów, którzy chcą zanurzyć się w tworzeniu integracji JavaScript, warto przyjrzeć się Backbone, ponieważ istnieje już Klient szkieletowy dla interfejsu API REST i istnieje wersja Podkreśl WordPressa motyw startowy, z którym zintegrowany jest Backbone. Czytanie kodu _s_backbone to przydatny sposób, aby dowiedzieć się, jak używać API WordPress i Backbone do implementowania typowych funkcji motywu, takich jak nieskończone przewijanie i menu nawigacyjne.
Właśnie przejrzałem tutaj trzy przykłady frameworków JavaScript. Jest wiele innych rzeczy, które można wykorzystać do tworzenia motywów i aplikacji opartych na JavaScript dla WordPress, ale mam nadzieję, że wskazówki, które ci tutaj dałem, są dobrym miejscem na początek.
