In this post – published Oct. 10, 2018 in Torque Magazine – Caldera Labs founder Josh Pollock provides a comprehensive guide for WordPress developers looking to learn the basics of React JS.
Basic Hello World example with React
In-depth overviews of concepts like React.createElement and JSX
Creating a basic, reusable post component
Bonus: Using iterators with item collections
Josh does a great job breaking down React terminology here, a natural stumbling block for those who may have been primarily focused on PHP development up to now. His code examples are great, though they might be better served in something like a GitHub embed wrapper rather than CodePen, which doesn’t render particularly well in the post body.
Experience Level: Beginner to Intermediate Theme Building
In this tutorial – published Nov. 15, 2018 – Bill Erickson gives a great overview of what you need to do to build a block-editor (Gutenberg) compatible WordPress theme.
Approach to building Gutenberg-compatible websites
Determining whether Gutenberg is the right choice
Adding theme support, editor font sizes, and theme colors
Using SASS with Gutenberg
Setting block width in Gutenberg
WordPress is evolving quickly these days, notably by including a new React-based block editor (Gutenberg) in the core software, as well as recently proposing a timeline under which to bump the minimum required PHP version from 5.2.4 all the way to 7.x by November 2019!
With all of this progress comes a natural need for WordPress developers to level up their skills in kind. There is no better time than now for developers of all levels to gain the skills they need to stay on top of their WordPress development game.
Level Up WP hopes to bring together any and all helpful resources we can find (or you submit!) in support of this mission.