‘React’ Videos

  • 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 »

  • 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.

  • Ziad Saab: WordPress et React - le meilleur des deux mondes, en plus du rendu serveur!

    Ziad Saab: WordPress et React – le meilleur des deux mondes, en plus du rendu serveur!

    WordCamp Montreal 2016Speaker: Ziad Saab

    December 2, 2016 — Maintenant que l’API WordPress a libéré votre CMS favori des confins d’un site monolithique, vous pensez utiliser React+WordPress pour votre prochain site. Bien que les avantages de cette séparation de responsabilités soient clairs, plusieurs questions demeurent, surtout pour un site web bilingue axé sur le contenu. Comment éviter le double chargement AJAX? Comment conserver ses bonnes pratiques SEO techniques? Comment faire l’internationalisation? Durant cette présentation, nous allons prendre comme exemple la construction de la version 2.0 du site de DecodeMTL. Nous vous montrerons ce que nous avons appris en utilisant l’infrastructure WordPress+React, et mettrons en open source le code qui supporte la présentation.

    Presentation Slides »

  • Jason Bahl: React, Redux, and the REST API

    Jason Bahl: React, Redux, and the REST API

    WordCamp Denver 2016Speaker: Jason Bahl

    November 8, 2016 — This talk will cover using React, Redux, and the REST API to create decoupled JavaScript apps to interact with WordPress.

    Presentation Slides »