Skip to content

React based WordPress Theme, built with create-react-wptheme. This is a starter theme with just the core WordPress functionality.

Notifications You must be signed in to change notification settings

KashyapPavra/barebones

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

React based WordPress Theme, built with create-react-wptheme. This is a starter theme with just the core WordPress functionality.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 67.2%
  • PHP 19.7%
  • CSS 7.5%
  • HTML 5.6%