JavaScript está prestes a entrar em grande estilo no mundo WordPress. Os desenvolvedores de temas e plug-ins do WordPress sempre usaram JavaScript, é claro – é uma parte essencial da caixa de ferramentas do desenvolvedor web. Mas com a introdução de uma API JSON REST e a sugestão de Matt Mullenweg de que os desenvolvedores do WordPress deveria aprender Javascript (profundamente)provavelmente veremos um grande número de desenvolvedores de temas e plug-ins aproveitando o JavaScript para criar integrações novas e interessantes com o WordPress — o Aplicativo WordPress para Mac é apenas o começo do que é possível.
Muitos dos desenvolvedores que aproveitam a capacidade de criar aplicativos front-end para WordPress, incluindo temas, construirão seus projetos usando uma estrutura JavaScript. As estruturas JavaScript vêm em todos os formatos e tamanhos, desde estruturas completas Model-View-Controller que podem potencializar aplicativos da web de página única de complexidade significativa, até bibliotecas auxiliares mais simples que facilitam o gerenciamento e a exibição de dados no cliente.
Gostaria de apresentar rapidamente três das estruturas JavaScript mais proeminentes e fornecer exemplos de como desenvolvedores inovadores as estão usando para criar integrações WordPress usando a API REST.
Angular
Angular é a grande fera no mundo do framework JavaScript. É uma estrutura MVC completa patrocinada pelo Google e usado em muitos sites do Google, bem como em muitos outros sites empresariais de grande escala. Angular é uma ótima opção para criar aplicativos da web de página única e, embora nada impeça você de usá-lo para temas e integrações do WordPress, pode ser um exagero se tudo o que você deseja fazer é extrair dados da API do WordPress para preencher as páginas. Angular também tem a curva de aprendizado mais íngreme de qualquer uma das estruturas que estamos analisando hoje.
Yoren Chang escreveu um guia útil para o noções básicas de uso do Angular no desenvolvimento de temas WordPresse um conjunto de artigos mais aprofundados sobre Angular e a API do WordPress.
Reagir
Reagir, que foi criado pelo Facebook, é um projeto muito mais simples que o Angular. Ele foi descrito como o V do MVC e está essencialmente preocupado em gerenciar a exibição de dados no front-end e construir interfaces de usuário interativas. Se você considera isso uma coisa boa, depende da complexidade do aplicativo que você deseja construir no WordPress e se você prefere fazer a renderização no servidor ou no cliente.
Para integrações mais simples com a API REST, React é provavelmente uma escolha melhor que Angular. O React é particularmente notável pelo uso do Virtual DOM — as alterações feitas na visualização são feitas em um Virtual DOM e o DOM real só é atualizado quando essas alterações são concluídas. O resultado é uma experiência de usuário rápida e fluida.
Dê uma olhada no Página inicial do React para alguns exemplos de código React. Kelly Dwan criou um tema de receita WordPress simples usando React, o Repositório GitHub é uma ótima maneira de aprender como o React pode ser usado com a API do WordPress.
Espinha dorsal
Espinha dorsal é uma estrutura MVC completa, mas é menor e menos complexa que o Angular. O Backbone não tem o burburinho das outras soluções que discuti, mas tem sido usado em alguns serviços online sérios, incluindo Twitter, Pinterest e Disqus.
Para desenvolvedores que desejam se aprofundar na construção de integrações JavaScript, vale a pena dar uma olhada no Backbone porque já existe um Cliente backbone para a API REST, e há uma versão do Sublinhado WordPress tema inicial que possui Backbone integrado a ele. Ler o código de _s_backbone é uma maneira útil de aprender como usar a API e o Backbone do WordPress para implementar recursos de tema comuns, como rolagem infinita e menus de navegação.
Acabei de ver três exemplos de estruturas JavaScript aqui. Existem muitos outros que podem ser usados para criar temas e aplicativos baseados em Javascript para WordPress, mas espero que as dicas que forneci aqui sejam um bom lugar para começar.
