‘React’ Videos

  • Christopher Tousignant: React To Gutenberg

    WordCamp Portland ME 2018Speaker: Christopher Tousignant

    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.

  • Shunsuke Shimada: WP REST API と React で始めるリモートワークでの有料 Web メディア開発

    WordCamp Tokyo 2018Speaker: Shunsuke Shimada

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

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

    Presentation Slides »

  • Libby Barker, Michael Selander: Press, Publish, React

    WordCamp Europe 2018Speakers: Libby Barker, Michael Selander

    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.

  • Micheal Reilly: React Native, WordPress and JavaScript Shenanigans

    WordCamp Dublin 2017Speaker: Micheal Reilly

    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 »

  • Jonathan Brinley: A PHP Developer’s Adventures in React – Building Plugin Admin Interfaces

    WordCamp Miami 2017Speaker: Jonathan Brinley

    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 »

  • Auston Bunsen: Introduction to Redux With React

    WordCamp Miami 2017Speaker: Auston Bunsen

    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 »

  • Jean Maurice Lescure: WordPress REST API and React.js Front-End.

    WordCamp San José 2016Speaker: Jean Maurice Lescure

    July 8, 2017 — WordPress REST API & React.js Front-End sera una demostración light de cómo integrar un Front-End hecho en React.js con un WordPress Back-End API. En esta podran apreciar con código en vivo y paso a paso cómo montar WordPress como un REST API y cómo desarrollar un Front-End 100% reactivo usando React.js, Redux y JSX.

    Esto permitira a un usuario hacer login, crear un post nuevo y visualizar posts existentes.

    WordPress REST API & React.js Front-End it will be a light demonstration of how to integrate a Front-End React.js done in a Back-End WordPress API. We will appreciate with live code examples and a step by step how to set up WordPress as a REST API, to develop a Front-End 100% reactive using React.js, Redux and JSX.
    This will allows a user to login, create a new post and view existing posts.

  • Alfredo Bonilla: SPAs con WordPress, React y Redux.

    WordCamp San José 2016Speaker: Alfredo Bonilla

    July 8, 2017 — Aprenderemos qué es Redux, cómo funciona y además de como integrarlo con React y con WordPress REST API con el fin de poder construir Single Page Applications sin morir en el intento.

    We will learn what is Redux, how it works and how to integrate it with React and WordPress REST API in order to create a Single Page Application and survive.