June 2, 2019 — This talk will cover how JavaScript has been used with WordPress in the past, and how it will be used going forward. Instead of proposing one single method or framework to use when coding JavaScript, we will go through a few different combinations you’ll see in the wild in both older and more forward-looking WordPress plugins. Examples will cover AJAX with jQuery, ES6, the Heartbeat API, REACT, and Gutenberg blocks.

After this talk, attendees should feel more comfortable opening up any JS file they come across in the WordPress world and knowing a bit more about how to work with the various frameworks and patterns in use.

Presentation Slides »

April 3, 2019 — How to add ReactJS to your WordPress theme or plugin.

March 25, 2019

February 1, 2019 — An intro to React JS Framework and how it relates to Gutenberg. We will discuss React Core Concepts such as JSX, compontents and props, state and lifecycle, handling events, and lifting state.

October 22, 2018 — Web media paysite development with WP REST API and React

WordPress で運用されているとある大手出版社の有料 Web メディアに副業エンジニアとして参画し、リモートで開発を続ける様子を、WP REST API + React の事例を含め、リモート開発に使用しているツールや運用改善などをご紹介しようと思います。

Presentation Slides »

September 24, 2018 — BarCamp Track

Presentation Slides »

July 12, 2018 — Use of a decoupled CMS is an exciting approach that allows teams to maintain the WordPress admin while embracing frontend experiences that are engaging and flexible. The incorporation of the WordPress REST API into core now makes this possible. But can this be achieved on an enterprise scale?

In 2016, Human Made engaged in a project dedicated to realizing these possibilities. The goal was to create a fully decoupled WordPress admin leveraging a React front end. The technical challenges included API challenges, caching, themeing in PHP & React, and more. This session focuses on the logistical considerations taken to meet the challenge of creating a holistic WordPress/React product.

November 12, 2017 — WordPress is a great platform to build a website on but what about mobile applications. Stressing the real potential of the words Content Management System, you can use WordPress to give your clients an easy way to update, create and manage their content on mobile applications. This pairing of WordPress as the backend management system and React Native as the mobile front end extends your potential not only to offer a new amazing service but it can function as great way to bridge your skills into a new area without leaving behind the glorious world of WordPress.

Presentation Slides »

August 5, 2017 — Just about any moderately complex WordPress plugin requires some sort of administrative interface. In many cases, your code for this UI could benefit from the flexibility and power provided by the React JavaScript library, but integrating React with the WordPress admin brings its own set of challenges. From developer tools, to data persistence, to extensibility, we’ll explore some of these challenges and the solutions we’ve developed at Modern Tribe as we’ve used React to build elegant administrative user experiences in WordPress.

Making React applications play nicely with the WordPress admin involves a number of tricks and workarounds. I’ll cover topics such as integration with the TinyMCE editor, communication with WP’s existing JS libraries, setting up developer tools such as hot module reloading, and persisting data in the WP database.

Presentation Slides »

August 5, 2017 — In this talk we will cover topics such as React setup with webpack & babel, component hierarchy and how to use a store (redux) to communicate with the back end. Examples will include creating a todo app from scratch and you will walk away with an understanding on how redux makes writing React components simpler and easier.

Presentation Slides »