https://github.com/blivesta/wp-react-spa-boilerplate
[WIP] Theme boilerplate for WordPress using WP REST API and React
https://github.com/blivesta/wp-react-spa-boilerplate
node-wpapi react redux vccw wordpress
Last synced: 3 months ago
JSON representation
[WIP] Theme boilerplate for WordPress using WP REST API and React
- Host: GitHub
- URL: https://github.com/blivesta/wp-react-spa-boilerplate
- Owner: blivesta
- Created: 2016-12-08T09:36:12.000Z (over 8 years ago)
- Default Branch: redux
- Last Pushed: 2017-09-27T02:13:49.000Z (over 7 years ago)
- Last Synced: 2025-03-18T04:09:12.755Z (3 months ago)
- Topics: node-wpapi, react, redux, vccw, wordpress
- Language: JavaScript
- Homepage:
- Size: 88.9 KB
- Stars: 64
- Watchers: 8
- Forks: 12
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# wp-react-spa-boilerplate
> Theme boilerplate for WordPress using WP REST API and React.js
## Contains
- [x] Babel
- [x] Browsersync
- [ ] CSS-Modules or CSS in JS
- [x] node-wpapi
- [x] React
- [x] React Hot Module Reload
- [x] React Routor
- [x] React Routor Redux
- [x] Redux
- [x] Redux DevTool
- [x] Standard
- [x] WordPress
- [x] webpack
- [x] VCCW
- [x] yarn
## Initial setup
development environment uses [VCCW v3](http://vccw.cc/).
**1.**
```
$ git clone [email protected]:blivesta/wp-react-spa-boilerplate.git
```
**2.**
```
$ cd wp-react-spa-boilerplate
```
**3.**
```
$ yarn setup
```
This command also installs [VCCW](http://vccw.cc/).
### Result
`src` -> `wordpress/wp-content/themes/wp-react-spa-boilerplate`
```
|-- .vagrant/
|-- node_modules/
|-- provision/ (vccw)
|-- src/ (theme source files)
|-- client/
|-- functions.php
|-- index.php
|-- ...
|-- wordpess/
|-- wp-content/
|-- themes/
|-- wp-react-spa-boilerplate/
|-- bundle.js
|-- functions.php
|-- index.php
|-- ...
|-- .editorconfig
|-- .gitignore
|-- ansible.cfg (vccw)
|-- config.js
|-- Movefile (vccw)
|-- package.json
|-- provision-post.sh (vccw)
|-- README.md
|-- run.js
|-- site.yml (vccw)
|-- Vagrantfile (vccw)
|-- webpack.config.js
|-- wp-cli.yml (vccw)
|-- yarn.lock
```
## Usage
```
$ yarn start
```
Production (compress)
```
$ yarn build
```