React + Browserify + Babel in a WordPress Plugin
JavaScript PHP HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
src
.gitignore
LICENSE.txt
README.md
demo.html
package.json
react-plugin.php
webpack.config.js

README.md

Basic React WordPress Plugin

This repository contains a very basic WordPress Plugin that creates a new administration menu in WordPress and loads React for user interface. Useful to speed up a plugin development with React in mind

What's included

step-1 branch

  • Browserify
  • React
  • Babel
  • A very basic WordPress plugin

step-2 branch

  • Browserify
  • React
  • Babel
  • Bundles made with Gulp
  • A very basic WordPress plugin

step-3 branch

  • Browserify
  • React
  • Babel
  • Bundles made with Webpack
  • A very basic WordPress plugin

Start in seconds

  1. Run npm install
  2. Run npm run build to generate build/app.js needed for the plugin.
  3. Run npm run watch to watch files in src/ folder.

Blog posts

First post (Browserify + Babel): https://igmoweb.com/2016/10/10/react-browserify-babel-plugins-wordpress/

Second post (First + Gulp): https://igmoweb.com/2016/11/03/react-browserify-y-babel-en-plugins-de-wordpress-ii-ahora-con-gulp/

Third post (First + Gulp): https://igmoweb.com/2017/04/28/react-y-babel-en-plugins-de-wordpress-iii-ahora-con-webpack/