shelob9/block-worskshop

Example code and slides for my WordCamp Orlando Block Building Workshop

Hi I'm Josh 👋

Software engineer and dog enthusiast

• Pronouns: (he/him)
• Website
• Mastodon

Learn

• Refactoring WordPress Plugins: The PHP Parts eBook
• Recent WordPress Tutorials
• TypeScript Basics For WordPress Developers
• My Posts on dev.to
• Setup ec2 instance for vscode Remote

Templates

• Laravel App With Github devcontainer configured for Github codespaces
• WordPress plugin template based on how simple featured plugins are created.
• The WordPress plugin template I use. Has React-powered blocks and an admin page. Has PHP and JavaScript tests and Docker-based local development.
• Bash Scripts For Configuring Linux For PHP and JavaScript Development

Other

• vsCode Extensions

What I'm Working On

• I work at RVO Health where I help maintain the backend for several high traffic health and wellness websites.
• Protect Earth - I'm helping maintain open source tools (iOS app and Laravel API server) for tracking tree plantings.
• PluginMachine.com - eBook, Recent WordPress Tutorials, plugins and open source for WordPress developers.

What I've Worked On

• Interintellect - Online meeting hub for arts and ideas. Tech lead.
• TrustedLogin - Passwordless-login for WordPress support teams. Engineer.
• Before that, I was a lead web enginneer at 10up for a bit,
• Before that, I was at Saturday Drive, I helped the team who builds, Ninja Forms, Caldera Forms and SendWP.
• Before that, I was co-owner and lead developer of CalderaWP, we developed Caldera Forms and other products before Caldera Forms was aquired by Saturday Drive.
• Before that, I was community manager/ junior developer for the Pods Framework.
• Before that, I didn't do software.

Other Projects

• Digital Garden Builder.
  • Built with React, Typescript, NextJS, MDX and the GitHub API.
  • View Source
• Imaginary Shapes, a prioritization game.
  • Built with React, Typescript and Blockstack.js.
  • View Source
• WordPress Plugin Template
  • Use modern Javascript and PHP with testing and Docker ready to go.
• Headless Mode
  • A WordPress plugin for Headless WordPress sites.

block-worskshop's Issues

Add converting shortcode to block

Steal from this: https://calderaforms.com/2019/01/convert-shortcode-gutenberg-block/

Alternative approach from Ninja Forms that's pretty interesting:

save: function( props ) {
            var formID = props.attributes.formID;
			
            if( ! formID ) return '';
			/**
			 * we're essentially just adding a short code, here is where
			 * it's save in the editor
			 *
			 * return content wrapped in DIV b/c raw HTML is unsupported
			 * going forward
			 */
			var returnHTML = '[ninja_forms id=' + parseInt( formID ) + ']';
			return el( 'div', null, returnHTML );
		}