SHOULD WE GO
ALL-IN ON JAVASCRIPT?
Kristoffe Biglete - WordPress Meetup
- Web-designer, frontender
- 9 years of experience with WordPress
- Works at Peytz & Co
- @kristoffe_
ABOUT ME
CALYPSO
- Released in nov. 2015
- Wordpress.com new admin application
- Based on clearly defined goals
- Open-Source on GitHub
CALYPSO
CALYPSO
| FEATURE | OLD WP-ADMIN | CALYPSO |
|---|---|---|
| Performance | Multiple slower page reloads | Neat-instant page loads, no reload needed |
| Real-time updating | Reload each page to see changes reflected | Changes update in real time, no reloading needed |
| Editor | Slower, boxy interface. Desktop only post previews. |
Clean, modern interface. Instant publishing, with in-page previews for desktop, tablet and mobile. |
| Multi-device | Desktop web, and limited mobile web support | Desktop and full mobile web, with matching desktop and mobile native apps. |
- Node.js
- Sass
- Webpack
- Babel
- React
CALYPSO
- MVC vs Flux
REACT
Basic MVC flow
- MVC vs Flux
REACT
Complex MVC flow
- MVC vs Flux
REACT
Basic Flux flow
- MVC vs Flux
REACT
Complex Flux flow
- HTML-like language embedded in JSX
- Supply with data (JSON)
- Render HTML structure
- Components, reusable & modulable
REACT
- Virtual DOM
REACT
- Downsides
- SEO / Google
- SPA initial load
REACT
-
Modern Tribe
- tri.be/blog
- WordExpress
- wordexpress.io
APPLICATIONS
APPLICATIONS
- Modern Tribe
- WP REST API
- Custom endpoints
- Static JSON dumps of API responses
- Stringified and cached in localStorage
APPLICATIONS
APPLICATIONS
- WordExpress
- Node.js application
- Express for backend
- React for frontend
- GraphQL for database
APPLICATIONS
- GraphQL vs REST
APPLICATIONS
- GraphQL vs REST
APPLICATIONS
- React
- CSS Modules
APPLICATIONS
- React
- CSS Modules
APPLICATIONS
- PHP is not going anywhere (for now)
- You need to get into JS now though
- Calypso is WordPress paving the way to innovation (REST API in Core, pure JS product)
WHAT ABOUT WORDPRESS?
"Even core Calypso project team members had to get over our intimidation. None of us were strong JavaScript developers. But as each day passed our experience built, we made mistakes, we reviewed them, we fixed them, and we learned."
Andy Peatling, Calypso project lead
WHAT ABOUT WORDPRESS?
"A wizard is never late, nor he is early, he arrives precisely when he means to."
Some old dude
WHAT ABOUT WORDPRESS?
"The times they are a changin'."
Some other old dude
WHAT ABOUT WORDPRESS?