Si está buscando un ejemplo de la vida real del uso de la API REST de WordPress con código que puede explorar, la nueva versión del sitio ustwo.com es El código abierto en Github. Ustwo es una agencia digital conocida por su trabajo en la aplicación Monument Valley. Están en asociación con Hecho humana, una agencia de desarrollo de WordPress, para crear el panel del sitio.

La interfaz de ustwo.com es una aplicación que usa React.js que sirve contenido de WordPress a través de la API REST. En un artículo titulado "Abastecimiento de nuestro sitio web", el desarrollador Daniel Demmel explica por qué la empresa puso la interfaz del sitio en GitHub.

"Al final, creamos algo nuevo y lo suficientemente refinado como para compartirlo públicamente"

él dijo. El equipo de desarrollo obtuvo una ventaja al usar la API REST, antes de que se integrara por completo en el núcleo de WordPress.

“La forma en que usamos WordPress como una fuente accesible solo para API para un sitio de producción fue una apuesta tecnológica audaz, con la API integrada en el núcleo de WordPress seis meses antes de que decidiéramos comenzar. úselo ”, dijo Demmel.

Los beneficios de usar la API REST

Si se pregunta por qué una agencia puede decidir crear un sitio web descansando una sola página, solo necesita verificar ustwo.com para ver la diferencia. Las bellas transiciones y la velocidad de la interfaz de usuario son las cualidades que permiten esta sitio web para destacar.

“Elegimos construir el sitio como una aplicación de una sola página, para tener un control total sobre todos sus aspectos (incluidas las transiciones entre páginas) y hacer que la navegación sea súper rápida para no tener para volver a cargar el navegador ”, dijo Demmel. "Elegimos React.js como nuestra tecnología JavaScript principal".

"Nuestro sistema de gestión de contenido en segundo plano es una instalación de WordPress que en realidad no entrega las páginas, pero sirve como marco para entregar datos en formato JSON".

Por coincidencia, el proyecto Calypso de WordPress.com funciona casi de la misma manera. "Entonces, si te gusta lo que están haciendo por la experiencia del editor, te gustará lo que están haciendo por la experiencia del usuario. visitantes dijo Demmel.

El equipo ustwo eligieron hacer su trabajo de código abierto como lo hizo Automattic con Calypso, reconociendo la importancia de compartir, para ayudar a que todos los ecosistemas avancen.

REST API está cambiando la forma en que los equipos trabajan juntos

En una estudio de caso publicado en el sitio Human Made, el equipo examinó cómo, al trabajar en el proyecto ustwo.com, la forma en que trabajan ha cambiado drásticamente.

Trabajar con la API REST de WordPress supuso una separación de preocupaciones que significó abordar la gestión de proyectos de una manera nueva. Nuestros desarrolladores se han centrado únicamente en WordPress como fuente de datos y como aplicación de entrega. Solo éramos parte de un equipo más grande que incluía un diseñador, un diseñador, un desarrollador de CSS, un desarrollador de Node.js, un gerente de proyecto y la parte interesada. Esto permitió que cada parte del equipo se concentrara totalmente en sus componentes, trabajando de forma independiente mientras alimentaba el trabajo general.

Human Made atribuye esta separación bien organizada de preocupaciones al nuevo flujo de trabajo que ocurre naturalmente al usar la API REST. Es menos probable que los diseñadores de fuentes finales invadan el trabajo de otros:

La tecnología en sí ha facilitado este cambio en la gestión de proyectos: todo lo que necesitan los desarrolladores front-end es cargar los datos a través de la URL y usarlos. Hemos descubierto que la API no solo ha cambiado WordPress, sino que también ha cambiado la forma en que las personas colaboran en un proyecto.

Para obtener más detalles sobre la arquitectura de ustwo.com, consulte el caso de estudio por Human Made, así como el artículo sobre ustwo para revisar el proceso. Todo el código del sitio está bajo licencia GPL y disponible en GitHub aquellos que desean reutilizarlo.