GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → deliciousbrains → Wp React Boilerplate

deliciousbrains / Wp React Boilerplate

Boilerplate for creating WordPress plugin UI's with REST API, BrowserSync, Webpack and React

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactwebpackwordpressbrowsersync

Projects that are alternatives of or similar to Wp React Boilerplate

Wordpress Starter
📦 A starter template for WordPress websites
Stars: ✭ 26 (-76.15%)
Mutual labels:  webpack, wordpress, browsersync
Bathe
The simplest WordPress starter theme including full setup for Sass, PostCSS, Autoprefixer, stylelint, Webpack, Eslint, imagemin, Browsersync, etc.
Stars: ✭ 65 (-40.37%)
Mutual labels:  webpack, wordpress, browsersync
Sage
WordPress starter theme with a modern development workflow
Stars: ✭ 11,531 (+10478.9%)
Mutual labels:  webpack, wordpress, browsersync
React Starter Kit
React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architecture
Stars: ✭ 21,060 (+19221.1%)
Mutual labels:  webpack, browsersync
Wp Webpack Script
💥🔥📦👩‍💻 An easy to use, pre configured, hackable webpack setup & development server for WordPress themes and plugins.
Stars: ✭ 314 (+188.07%)
Mutual labels:  webpack, wordpress
Woo Next
🚀 React WooCommerce theme, built with Next JS, Webpack, Babel, Node, Express, using GraphQL and Apollo Client
Stars: ✭ 342 (+213.76%)
Mutual labels:  webpack, wordpress
Kirby Webpack
💪 A Kirby CMS starter-kit with modern frontend tools
Stars: ✭ 150 (+37.61%)
Mutual labels:  webpack, browsersync
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (+510.09%)
Mutual labels:  webpack, wordpress
Blendid
A delicious blend of gulp tasks combined into a configurable asset pipeline and static site builder
Stars: ✭ 5,026 (+4511.01%)
Mutual labels:  webpack, browsersync
Wp Vuejs
WordPress VueJS Starter Theme
Stars: ✭ 19 (-82.57%)
Mutual labels:  webpack, wordpress
Generator Kittn
The Yeoman Kittn Generator
Stars: ✭ 63 (-42.2%)
Mutual labels:  webpack, wordpress
React Dashboard
🔥React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) 🔥
Stars: ✭ 1,268 (+1063.3%)
Mutual labels:  webpack, browsersync
Wp Reactivate
React boilerplate for WordPress plugins
Stars: ✭ 303 (+177.98%)
Mutual labels:  webpack, wordpress
Wp Api React
This boilerplate will help you use React JS with Wordpress REST API.
Stars: ✭ 255 (+133.94%)
Mutual labels:  webpack, wordpress
Browser Sync Webpack Plugin
Easily use BrowserSync in your Webpack project.
Stars: ✭ 356 (+226.61%)
Mutual labels:  webpack, browsersync
Gulp Webpack Starter
Gulp Webpack Starter - fast static website builder. The starter uses gulp toolkit and webpack bundler. Download to get an awesome development experience!
Stars: ✭ 199 (+82.57%)
Mutual labels:  webpack, browsersync
Presspack
💻 Wordpress like it's 2020 with Webpack and Docker
Stars: ✭ 658 (+503.67%)
Mutual labels:  webpack, wordpress
Generator Phaser Plus
[🛑 DISCONTINUED] It has been a long journey but development of `generator-phaser-plus` is now over. I recommend you have a look and fork `yandeu/phaser-project-template` instead.
Stars: ✭ 148 (+35.78%)
Mutual labels:  webpack, browsersync
Wordless
All the power of Pug, Sass, Coffeescript and WebPack in your WordPress theme. Stop writing themes like it's 1998.
Stars: ✭ 1,374 (+1160.55%)
Mutual labels:  webpack, wordpress
Webpack Wordpress
Build Wordpress themes using Webpack and Hot Module Reloading
Stars: ✭ 100 (-8.26%)
Mutual labels:  webpack, wordpress
View All Similar Projects ➔

WP React Boilerplate

Sample WordPress plugin for setting up a project with Yarn, Webpack, BrowserSync and React. Tailored to creating a wp-admin page, but completely flexible and can be used for themes as well.

Companion blog post: https://deliciousbrains.com/develop-wordpress-plugin-webpack-3-react/

Getting started

  1. Clone repo to your wp-content/plugins folder
  2. In config.json change the proxyURL to point to your WordPress admin page or plugin page.
  3. In your host WordPress wp-config.php file add define( 'WPRB_AJAX_BASE', 'http://sweetsite.dev/wp-json/wprb/v1' ); and update it to point to your REST API base
  4. Modify any WordPress config in wp-react-boilerplate.php. Rename files/methods/strings as necessary.
  5. Activate the plugin in wp-admin
  6. cd into your checked out folder and run yarn
  7. Run yarn start to get Webpack and BrowserSync running

To build for production run:

yarn build

A production-ready WordPress plugin will be built in the wp-react-boilerplate-built folder.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].