24 HR – React and REST API Case Study for Expohouse

WordPress offers more solutions than meet the eye. But what about advanced development? This case study features React and the REST API as preferred solutions.

WordPress offers more solutions than meet the eye. But what about advanced development? This case study features ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. and the REST APIREST API The REST API is an acronym for the RESTful Application Program Interface (API) that uses HTTP requests to GET, PUT, POST and DELETE data. It is how the front end of an application (think “phone app” or “website”) can communicate with the data store (think “database” or “file system”) https://developer.wordpress.org/rest-api/. as preferred solutions.

This Case Study is published by the Make WordPress Marketing Team, provided by 24HR, a Digital Agency located in Stockholm, Sweden.

The Project

Expohouse, a full service trade fair retailer, was looking to have their site redesigned. Expohouse wanted a platform to support future development of interactive services coupled with the ability to update and edit the website. They needed a content management system (CMS) that was also a robust platform.

The Challenge

To build out the site, 24HR wanted to use the full power of React and WordPress without having to rely on complex custom coding solutions. The biggest challenge of this project was data retrieval. It needed to be done efficiently including custom queries, metadata, and term relations.

Why WordPress?

24HR is committed to the open, free, and well-supported platform that WordPress provides. Not only does it make things easier for both the developers and their clients, WordPress reduces costs considerably for both current and future investments. Constant updates, steady streams of new content, and a living community made WordPress their CMS of choice.
The Obstacles

Retrieving data for display in WordPress is usually relatively simple. Since Expohouse wanted to use a more modern approach with the React JavascriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/. Framework, one that requires using the Rest API, 24HR was tasked with developing non-traditional solutions to gather and organize the data needed for this project.

The Solutions

One of the benefits of WordPress is its extensibility. It’s no different with the REST API endpoints. 24HR extended the REST API endpoints, easily allowing retrieval of specific pieces of data. They designed and created the new website for Expohouse to showcase their fair-trade business, putting their services, products and experience in focus. To complete the project, 24HR used their own custom routing framework, which they have plans to release to the WordPress community.

The Results

Using their custom React framework that selects the necessary page templates, 24HR provided their client with a fast, future-proof solution. This solution reliably provides the relevant data for every component on the site.

The design has been dramatically improved and Expohouse now has a fully-responsive site that runs almost entirely on JavaScript. The site is still able to use the awesome editorial features provided by WordPress. This frees Expohouse to quickly provide content updates, as well as ensure their site stays relevant with current technologies powering the web.