WordPress, React, oh my! (DevelCZ 2016)

Post on 17-Jan-2017

369 views 0 download

transcript

B O R E K B E R N A R DD E V E L 0 3 / 2 0 1 6

ABOUT ME

•WordPress developer by accident•Working on @versionpress

2003-2015, MOST OF YOU

“WordPress is shit”“the code is terrible”

“PHP sucks”

“real programmers use RoR / Django / Java / …”

“oh, look, Medium is cool!”

“low quality plugins”

StackOverflow, 2015 Developer Survey

2015 – CALYPSO

2015 – CALYPSO

• “Today we’re announcing something brand new, a new approach to WordPress”• “Calypso is written purely in JavaScript, leveraging libraries like Node and React.”• “This is a beginning, not an ending.”

– Matt Mullenweg, Dance to Calypso

http://gifsec.com/funny/stare-what-gif/

2015 – CALYPSO

2015 – CALYPSO

(

2016, MOST OF YOU

“WordPress is shit”“the code is terrible”

“PHP sucks”

“real programmers use RoR / Django / Java / …”

“oh, look, Medium is cool!”

“low quality plugins”

StackOverflow, 2016 Developer Survey

)

REALITY CHECK

• “WordPress moved from PHP to Node.js”

–NO.–WordPress core is PHP + MySQL–but: more and more UIs are built in

JavaScript

REALITY CHECK

• “wordpress.com = wordpress.org”

–NO.–WordPress.org = the software–wordpress.com = publishing platform

REALITY CHECK

• “Calypso is the new admin for WP”

–both YES and NO.–YES: it is available on wordpress.com

and via Jetpack on self-hosted WP–NO: WordPress still comes with the

old UI

REALITY CHECK

• “WordPress powers 25% of the web”

–YES (25% of the top 10 million sites)

WORDPRESSIN2016

REST API

GET /wp-json/wp/v2/posts

REST API

REST API

REACT UIs

• Calypso• VersionPress• Even some themes (ustwo, Picard, …)

REACT UIs

REACT UIs

REACT UIs

REACT UIs

GHOST THEMES + WP

GHOST THEMES + WP

GHOST THEMES + WP

data design

https://github.com/kadamwhite/ghostpress

WP AS A COMPONENT

http://kadamwhite.github.io/talks/2016/wp-node-feelingrestful/

WP AS A COMPONENT

http://kadamwhite.github.io/talks/2016/wp-node-feelingrestful/

WORDEXPRESS

WORDEXPRESS

•Node.js• JavaScript• React / JSX / inline styles•GraphQL•MySQL

THE FUTURE OF WORDPRESS• “Learn JavaScript deeply”•headless CMS•New UIs, preferably in React

• (and, of course, Git-versioned via VersionPress )

THANK YOU@borekb