Wat betreft het ontwerp van CSS-Tricks terwijl ik dit opneem, was een van de dingen die ik wilde toevoegen een widget "Front End Design & Development Jobs", mogelijk gemaakt door de CodePen Job Board. Die banen zijn beschikbaar als JSON-gegevens.
Kunnen we daar niet gewoon een Ajax-verzoek voor doen en het gebruiken? Misschien een beetje JavaScript-sjablonen? Natuurlijk kunnen we dat. Maar de verzoeken van Ajax zijn asynchroon. Ik stel me een kleine spinner voor bij het laden van elke pagina, wachtend tot de gegevens binnenkomen en vul dan de taken in. Niet helemaal de UX die ik wil.
Ik wil dit doen met PHP, zodat de jobs daar zijn als onderdeel van het document zoals het van de server komt. PHP (en WordPress) kunnen volledig verzoeken doen aan inhoud van derden, net zoals een Ajax-verzoek dat kan. In feite is het zelfs nog eenvoudiger, aangezien er geen domeinoverschrijdende beperkingen en JSONP-achtige dingen bij betrokken zijn.
Maar het is een beetje riskant om te vertrouwen op een verzoek van een derde partij om de server te laten reageren. Ik zou het niet nodig hebben voor elke pagina die op CSS-Tricks wordt geladen. Gelukkig is dat waar WordPress Transients voor zijn. In deze video is dat precies wat we gebruiken. We halen de gegevens af en toe op en cachen ze vervolgens lokaal in de cache, zodat de meeste verzoeken supersnelle lokale gegevens zijn.