March 1, 2019 — With much anticipation, the whole WordPress community is abuzz with its preparation for the coming of the new WordPress Post Editor experience. Codenamed Gutenberg as a callback to the 15th-century invention of the printing press, which heralded easier propagation of knowledge contained in the written text, the new Editor signals a commensurate leap on the path towards democratizing publishing.
The reimagining of the editor is centered around the concept of a block and is powered by a new force in WordPress, namely React.js, a technology pioneered by Facebook and embraced by many other web giants looking to improve the user experience. Using React in the editor allows for a richer development of elements and a better representation of what their combination will look like upon rendering in the frontend browser.
In this talk, we’ll review in more depth how to create a block using the tools from the WordPress Block API and elsewhere, what the code constituents of a block are, and explore how to reshape existing code to render in this new Editor environment.