Skip to content
React based WordPress Theme, built with create-react-wptheme. This is a starter theme with just the core WordPress functionality.
JavaScript PHP CSS HTML
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public added Linkto category to post meta, updated functions.php Jun 30, 2019
src added Linkto category to post meta, updated functions.php Jun 30, 2019
.gitignore Initial commit from Create React App May 20, 2019
README.md
package-lock.json fixed className error. started postmeta, added react-moment Jun 29, 2019
package.json fixed className error. started postmeta, added react-moment Jun 29, 2019
user.dev.json first commit May 20, 2019
user.prod.json updated user.json Jul 4, 2019

README.md

Barebones is a starter theme for WordPress running ReactJS. It is designed to get you up to speed in writing JS single page applications and WordPress' REST api. A complete tutorial on how this theme is built can be found here.

By core WordPress functionality I mean the following:

  • Single Post
  • Post Meta
  • Comments
  • Comment form
  • Archive (with paging)
  • Category
  • Search results (with paging)
  • Search form

This repo contains the "react-src" portion of the theme only. When you clone, you have to take extra steps for it to work. Continue below:

How to use

In your WP themes directory, create a directory named "my-theme" - or any name you like. CD into this directory, and do:

git clone https://github.com/michaelsoriano/barebones.git react-src

This will create a folder inside your my-theme directory called "react-src" with the necessary files. CD into "react-src" and do:

npm install

This will install the necessary modules inside the node_modules directory. When you're ready to edit the theme, run

npm run wpstart

Now you're ready to edit the files. Note that this uses your WordPress' server vs webpack. All changes will automatically refresh your browser.

npm run wpbuild

This will cause a build to happen. All final build files is located in the "build" directory. A copy of the files is also added to the root - so you can see the changes right away.

For more information, see create-react-wptheme

You can’t perform that action at this time.