Se você está procurando um exemplo da vida real de como usar a API REST do WordPress com código que você pode explorar, a nova versão do site ustwo.com é Open source no Github. Ustwo é uma agência digital conhecida por seu trabalho no aplicativo Monument Valley. Eles estão em parceria com Feito humana, uma agência de desenvolvimento WordPress, para criar o painel do site.

A interface de ustwo.com é um aplicativo que usa React.js que serve conteúdo WordPress por meio da API REST. Em um artigo intitulado “Open Sourcing our Website”, o desenvolvedor Daniel Demmel explica por que a empresa colocou a interface do site no GitHub.

"Por fim, construímos algo novo e refinado o suficiente para compartilhar publicamente"

ele disse. A equipe de desenvolvimento começou a usar a API REST, antes que ela fosse totalmente integrada ao núcleo do WordPress.

“A maneira como usamos o WordPress como uma fonte acessível apenas de API para um site de produção foi uma aposta tecnológica ousada, com a integração da API no núcleo do WordPress seis meses antes de decidirmos começar. use-o ”, disse Demmel.

Os benefícios de usar a API REST

Se você está se perguntando por que uma agência pode decidir criar um site com base em uma única página, você só precisa verificar ustwo.com para ver a diferença. As belas transições e a velocidade da interface do usuário são as qualidades que permitem isso site se destacar.

“Optamos por construir o site como um aplicativo de página única, a fim de ter total controle sobre todos os seus aspectos (incluindo transições entre páginas) e tornar a navegação super rápida para não ter para recarregar o navegador ”, disse Demmel. "Escolhemos React.js como nossa principal tecnologia JavaScript."

"Nosso sistema de gerenciamento de conteúdo de fundo é uma instalação do WordPress que não entrega as páginas, mas serve como uma estrutura para entrega de dados no formato JSON."

Coincidentemente, o projeto Calypso do WordPress.com funciona quase da mesma forma. "Então, se você gosta do que eles estão fazendo para a experiência do editor, vai gostar do que eles estão fazendo para a experiência do usuário. visitantes disse Demmel.

A equipe ustwo optou por tornar seu trabalho de código aberto como a Automattic fez com Calypso, reconhecendo a importância do compartilhamento, a fim de ajudar todos os ecossistemas a avançar.

A API REST está mudando a maneira como as equipes trabalham juntas

Numa estudo de caso postado no site Human Made, a equipe examinou como, ao trabalhar no projeto ustwo.com, a maneira como trabalham mudou drasticamente.

Trabalhar com a API REST do WordPress trouxe uma separação de preocupações que significava abordar o gerenciamento de projetos de uma nova maneira. Nossos desenvolvedores se concentraram apenas no WordPress como fonte de dados e como aplicativo de entrega. Éramos apenas parte de uma equipe maior que incluía um designer, um designer, um desenvolvedor CSS, um desenvolvedor Node.js, um gerente de projeto e o stakeholder. Isso permitiu que cada parte da equipe ficasse totalmente focada em seus componentes, trabalhando de forma independente enquanto alimentava o trabalho geral.

A Human Made atribui essa separação bem organizada de interesses ao novo fluxo de trabalho que ocorre naturalmente durante o uso da API REST. Designers de fonte serão menos propensos a infringir o trabalho de outros:

A própria tecnologia facilitou essa mudança no gerenciamento de projetos: tudo o que os desenvolvedores front-end precisam é carregar os dados por meio da URL e usá-los. Descobrimos que a API não mudou apenas o WordPress, mas também mudou a maneira como as pessoas colaboram em um projeto.

Para obter mais detalhes sobre a arquitetura de ustwo.com, consulte o estudo de caso por Human Made, bem como o artigo no ustwo para rever o processo. Todo o código do site está sob licença GPL e disponível no GitHub aqueles que desejam reutilizá-lo.