React Templates & Themes Logo React Templates & Themes
Picard screenshot

Picard

Author Avatar Theme by Automattic
Updated: 29 Sep 2015
625 Stars

A prototype theme that uses React and WP-API

Github

Overview:

Picard is an experimental prototype WordPress theme that utilizes React and the WP-API. It enables background AJAX requests to the WP REST API, allowing data to be fetched without having to reload the page. It is important to note that this theme is not recommended for use in any production environment. It is intended for educational and testing purposes only. Additionally, as it is still under development, it is not advisable to rely on any aspect of it.

Features:

  • Utilizes React and WP-API to enable background AJAX requests and avoid page reloading.
  • Experimental prototype theme for educational and testing purposes.
  • Not recommended for use in production environments.

Installation:

  1. Set up a working WordPress installation.

    • Ensure that you have a fully functional WordPress installation.
    • Install and activate the WP REST API plugin manually.
    • Set the permalink structure to /%year%/%monthnum%/%day%/%postname%/.

  2. Theme building:

    • Install the following tools: node.js and npm, which can be downloaded from nodejs.org.
    • Install gulp, a build system running on node, using the command “npm install -g gulp”.
    • Download the theme files and place them in the wp-content/themes directory of your WordPress installation.
    • Run “npm install” in the Picard directory to install the node dependencies.
    • Run “gulp build” in the Picard directory to compile the JavaScript and SASS files.
    • Run “gulp watch” in the Picard directory to actively develop the theme and automatically update the styles and JS files whenever changes are saved.

Summary:

Picard is an experimental WordPress theme that leverages React and the WP-API to enable background AJAX requests and prevent page reloading. While it is not recommended for use in production environments, it serves as a valuable educational and testing tool. The installation process involves setting up a working WordPress installation, installing the WP REST API plugin, and building the theme using node.js, npm, and gulp. Overall, Picard allows for a more seamless and dynamic WordPress experience.