React for WordPress developers
Download as PPTX, PDF2 likes2,021 views
This document discusses React, a JavaScript library for building user interfaces. It provides examples of major companies using React like Facebook, Instagram, and Netflix. React is simple, focused on building user interfaces, and universal across browsers and devices. The document demonstrates how React can be used to build better admin interfaces and rich frontends for WordPress. It highlights opportunities for WordPress developers to learn JavaScript and use React to create innovative user experiences.
React for WordPress developers
- 1. REACT WordCamp Prague 2016 Borek Bernard
- 3. THE GOOD OLD DAYS
- 4. THE GOOD OLD DAYS
- 5. THE GOOD OLD DAYS
- 8. • View library from Facebook • Short word for many things (remember “HTML5”?) webpack Babel Flux redux Relay flow GraphQL npm
- 9. POWERED BY REACT • Parts of Facebook (Messenger, Groups App, …) • Instagram • Netflix • Airbnb • Uber.com • Twitter mobile • Calypso • …
- 10. WHY REACT? I S I T J U S T F A S H I O N ?
- 11. • Simple, focused • Universal • Backed by big players
- 12. REACT NATIVE
- 14. TWO USE CASES 1. More pleasant admin experiences 2. Rich frontend UIs / apps
- 15. ADMIN UI’S • Calypso • VersionPress • MainWP / ManageWP / …
- 16. RICH FRONTEND’S • WordPress as an application platform “Headless WordPress” • Examples: –Nomadbase –Mobile apps
- 17. DEMO
- 18. DEMO RECAP Source: https://facebook.github.io/react/docs/thinking-in- react.html
- 19. OTHER NOTES
- 20. CHALLENGES (WP) 1. Themes? 1. SEO? 2. First-time load? 2. Server-side rendering? “isomorphic apps”
- 21. CHALLENGES (REACT) • Things are changing • Data flows not entirely solved yet (Flux, redux, relay, …) but still:
- 22. OPPORTUNITY FOR YOU • 2016: –React getting stable –WP REST API getting stable and into core (hopefully) • Opportunity: –Not many WP devs know JS yet –Kick-ass UIs –Innovative ways to interact with WP
- 23. LEARN JAVASCRIPT, DEEPLY Matt Mullenweg, State of the Word 2015
- 24. Thank you! @borekb + awesome guys @versionpress