Starting with WordPress 5.0, React is made available as a dependency we can load in our WordPress themes and plugins. When we make the Element (React) library available, WordPress will load it into the global window object as window.wp.element…. Source: https://javascriptforwp.com/enqueue-react-in-wordpress/
With Gutenberg, we made the choice to use JavaScript heavily in order build the UI of the editor, not because we’re nerdy hipsters but essentially because it is the perfect fit to address the UI and UX challenges of a heavily interactive interface in the browser…. Source: https://riad.blog/2018/10/07/lets-start-building-javascript-plugins-for-wordpress/
This article on advanced OOP for WordPress was originally published by Torque Magazine, and is reproduced here with permission. I’ve written a lot about object-oriented PHP and the WordPress REST API for Torque over the past few years…. Source: https://www.sitepoint.com/wordpress-advanced-oop-customizing-rest-api-endpoints/
The 10up Engineering Best Practices are not geared to teach anyone to become an engineer. Rather, they aim to illustrate how to engineer the 10up way. Therefore, these best practices are intended for capable engineers…. Source: https://10up.github.io/Engineering-Best-Practices/
Writing performant code is absolutely critical, especially at the enterprise level. There are a number of strategies and best practices we must employ to ensure our code is optimized for high-traffic situations. When querying the database in WordPress, you should generally use a WP_Query object…. Source: https://10up.github.io/Engineering-Best-Practices/php/
The big event is finally within sight: WordPress 5.0, featuring the new Gutenberg editor, is coming soon. And all of the emotions leading up to this release are quite unlike anything we’ve seen in the world of WordPress…. Source: https://www.advancedcustomfields.com/blog/the-state-of-acf-in-a-gutenberg-world/
Gutenberg comes with a set of core libraries which are necessary for any kind of custom block development. Namely those libraries are:… Source: https://www.cssigniter.com/importing-gutenberg-core-wordpress-libraries-es-modules-blocks/
Gutenberg itself already exposes a lot of components ready to be re-used in our custom blocks. Most of these are located in wp.components and wp.blocks, and they include helpful building blocks for every Gutenberg block: Text Controls, Toggles, Tooltips, Icon Buttons, Tabs, and many many others…. Source: https://www.cssigniter.com/how-to-use-external-react-components-in-your-gutenberg-blocks/
Source: Jason Bahl – GraphQL with WordPress and Gutenberg – 2018 JavaScript for WordPress Conference – JavaScript for WordPress
The front-end ecosystem has been evolving extremely rapidly, with the rise of frameworks like React, Vue, and Angular leading to dramatic changes in application architectures and a whole new set of patterns for JavaScript developers to learn. With WordPress embracing React in the new Gutenberg editor, millions of developers are suddenly being introduced to this […]