Let’s start building JavaScript plugins for 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/

Advanced OOP for WordPress: Customizing REST API Endpoints

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/

Best Practices 10up Engineering

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/

PHP

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 State of ACF in a Gutenberg World

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/

How to use external React components in your Gutenberg 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/

Understanding Higher-Order Components in React and Gutenberg

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 […]

Zac Gordon on Twitter

If you haven’t checked out this talk from #JSforWPConf please do! “JavaScript Hooks in WordPress” from Adam Silverstein @roundearth This explains the new hooks system in JavaScript similar to what we’ve had with PHP for years. Watch the talk here – https://buff.ly/2LtGSqz… Source: https://twitter.com/zgordon/status/1021822836556673026