Learn how to develop a professional WordPress plugin from scratch using React.js
What is React.js?
However, once you are exposed to the benefits of doing things The React Way™, I'm confident that you'll feel the same that I did – and you'll never want to look back.
What you'll learn
In this course, you will learn how to build and ship a React-powered WordPress plugin from scratch. We'll go into detail on the whole process, from setting up your build processes to component interaction and exporting for production. No boilerplates or starter templates here. That way, you'll know exactly how everything works and what purpose it serves.
Here's a summary of the course contents and outline so far:
Part 1: The basics.
- Introduction, tooling, and editor setup
- Generating Base Plugin Files
- Setting up the Main Plugin Class
- Registering a Custom Post Type
- Adding a CPT metabox
- Setting up a Webpack config file
- Reactifying the Metabox
- Understanding Development vs Production Modes
- Preserving Component State with
- Styling the Metabox with Styled Components
- Implementing cachebusting with
Part 2: Creating the admin
- Refactoring to Individual Components
- Routing the admin with React Router
- Registering a REST endpoint for the Custom Post Type
- Fetching objects with React via the WordPress REST API
- Testing Component Expectations using Jest
- Using Shortcode to Load the App
- Animating with
- Introduction to React Props
- Refactoring to ES6 Class Components
- Using Component State
Part 3: Creating the frontend
- Outputting objects through the REST API
- Celebrating with React Confetti
Meet the Instructor
This course is being written and recorded in June 2017 by Dave Kiss (hey, that's me!)
You can find me on Twitter here 👉 Davey-boy's Twitter
I've been working with WordPress for 8 years, and have been successfully selling many different WordPress plugins since 2012. It's my only revenue stream, and it allowed me and my family to travel the country while working remotely. Now, it's time to share what I've learned along the way.
Join me, will ya?