‘React’ Videos

  • Micheal Reilly: React Native, WordPress and JavaScript Shenanigans

    Micheal Reilly: React Native, WordPress and JavaScript Shenanigans

    WordCamp Dublin, 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

    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

    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.

    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.

    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.

  • Elio Rivero: Cómo implemento Jetpack el REST API usando React y Redux.

    Elio Rivero: Cómo implemento Jetpack el REST API usando React y Redux.

    WordCamp San José 2016Speaker: Elio Rivero

    July 8, 2017 — Esta presentación será sobre la implementación de la REST API en un caso real y de gran alcance como lo es Jetpack y las cosas que tuvieron que tener en cuenta para ello, como también para la elección de React y Redux.

    This presentation will go through the implementation of the REST API in a real case with a wide scope such as Jetpack, and the things that were taken into consideration for it, as well as for choosing React and Redux.

  • Muhammad Adnan: Getting Started With React

    Muhammad Adnan: Getting Started With React

    WordCamp Kathmandu 2017Speaker: Muhammad Adnan

    June 19, 2017 — Adnan has been a Software Architect, Programmer, Speaker and Entrepreneur. He is currently running a Startup on Analytics as a Google Analytics Technology partners. His talk will solely based on React integration within Plugins or themes. I gave demo a sample plugin and show React usage/integration.

    Presentation Slides »

  • Jeff Bowen: Easing Into React On Your Existing WordPress

    Jeff Bowen: Easing Into React On Your Existing WordPress

    WordCamp Asheville 2017Speaker: Jeff Bowen

    June 17, 2017 — Have you wanted to play with React, but didn’t know how to get started on a “real” project?
    Do you want to add some flair and interactivity to your site, but love your theme and don’t want to start over from scratch?
    Are you curious what all the fuss is about the WordPress REST API?

    Tool up to create some custom pages! Whet your whistle for modern front-end development & get a taste for WordPress as an “App Platform.”

    Takeaways:

    How to build a single-page application on top of your existing WordPress
    How to start hacking on React / JSX components and figure out what to do with component state and properties
    How to interact with some standard REST API endpoints from your application, and add some new ones!

    Presentation Slides »

  • Konstantin Obenland: WordPress in React

    Konstantin Obenland: WordPress in React

    WordCamp Berlin 2017Speaker: Konstantin Obenland

    May 16, 2017 — Überblick einer React App für ein WordPress Frontend am Beispiel des neuen Plugin Verzeichnis.

    – Benötigte NPM module
    – Entwicklungsworkflow mit Grunt
    – Anforderungen an die REST API
    – Verwendung des REST API Javascript layers
    – Struktur und Aufbau der React Komponenten – im Plugin Verzeichnis
    – Das Endergebnis

    Optional:
    Internationalisierung mit Moment, Jeb, und Calypso-i18n

  • Derek Springer: React, Angular and WordPress

    Derek Springer: React, Angular and WordPress

    WordCamp San Diego 2017Speaker: Derek Springer

    April 15, 2017 — Single page apps are all the rage these days, but did you know you can use WordPress to help you build one!? This presentation will go over the basics of single page app frameworks (React/Angular) and how to use them with WordPress.