Jeremy McPeakAug 29, 2017Lessons: 13Length: 2.1 hours

WordPress React Web Development Back-End Front-End CMS JavaScript

Next lesson playing in 5 seconds

Overview
Transcript

1.1 Introduction

Hi, my name is Jeremy McPeak, and I'm going to teach you how to use React to code a front-end for a WordPress app. Let's get started!

1.Introduction
2 lessons, 12:37

2.Getting Started
3 lessons, 34:33

2.2
Creating the Post Component
07:53

3.Fetching Other Data
3 lessons, 27:16

3.2
Pulling in Categories
09:53

4.Authentication
4 lessons, 47:23

4.1
Getting Ready for User Auth
15:52

4.2
Configuring JWT in WordPress
10:49

4.3
Performing Authentication
11:26

4.4
Authorizing Users for Admin Tasks
09:16

5.Conclusion
1 lesson, 01:14

1.1 Introduction

So you want to learn how to write a headless WordPress application. And I can't blame you because the trend of decoupling the backend CMS architecture with the user interface is becoming very popular. It gives developers the freedom and flexibility to build an engaging user experience without having to work with themes and sacrifice the features and capabilities of the CMS. Hi, my name is Jeremy McPeak. And in this course I'm going to teach you the fundamentals you need in order to write a headless WordPress application with React. We'll start from the very beginning. I'll go over the things you'll need and even give you a brief tutorial on installing WordPress, if you don't already have an installation. We'll then discuss WordPress' RESTful API and write a quick utility to make it easy to request the data that we want to work with. We'll write a few components for displaying our content and incorporate React-Router to add navigation to our application. You'll learn about some of the API's endpoints. And the flexibility they provide by embedding extended content within the API's response. As well as how to filter the results so that you can get a more focused result set of content. Towards the end of the course, we'll look at incorporating authentication to our application to enable some administration functionality in our application. We have quite a bit of ground to cover, so when you're ready, queue up the next video and we will get started.

Back to the top

Jeremy McPeak

I started my development career on the client-side writing JavaScript and DHTML components in my spare time. In 2005, Nicholas C. Zakas asked me to join him in writing the first edition of Professional Ajax for Wiley Publishing. Since Professional Ajax, 1st Edition, I've been blessed to take part in other book projects: Professional Ajax 2nd Edition, and Beginning JavaScript 3rd and 4th editions.

Code a React App With the WordPress REST API

Next lesson playing in 5 seconds

1.1 Introduction

1.Introduction
2 lessons, 12:37

1.1
Introduction
01:33

1.2
What You Need
11:04

2.Getting Started
3 lessons, 34:33

2.1
Creating the App
10:06

2.2
Creating the Post Component
07:53

2.3
Adding Navigation
16:34

3.Fetching Other Data
3 lessons, 27:16

3.1
Embedding Data
08:12

3.2
Pulling in Categories
09:53

3.3
Filtering Posts
09:11

4.Authentication
4 lessons, 47:23

4.1
Getting Ready for User Auth
15:52

4.2
Configuring JWT in WordPress
10:49

4.3
Performing Authentication
11:26

4.4
Authorizing Users for Admin Tasks
09:16

5.Conclusion
1 lesson, 01:14

5.1
Conclusion
01:14

1.1 Introduction

Code a React App With the WordPress REST API

Next lesson playing in 5 seconds

1.1 Introduction

1.Introduction2 lessons, 12:37

2.Getting Started3 lessons, 34:33

3.Fetching Other Data3 lessons, 27:16

4.Authentication4 lessons, 47:23

5.Conclusion1 lesson, 01:14

1.1 Introduction

1.Introduction
2 lessons, 12:37

2.Getting Started
3 lessons, 34:33

3.Fetching Other Data
3 lessons, 27:16

4.Authentication
4 lessons, 47:23

5.Conclusion
1 lesson, 01:14