Gutenberg Blocks – Learning how to use JSX

As of 12/27/2017, I just finally understood how to use the ESNext version of creating blocks. There was not much documentation around for someone as novice as myself. I watched many videos and practiced with React. I knew there had to be a build process, but I did not know how to set one up. But today I had an AHA moment and realized that the build process is set up for me in the Gutenberg Examples plugin. All you have to do is download the plugin and then go to the folder you are working on in the test series for the ESNext version and run npm install. After making any changes, then you run npm run build and babel and webpack will do their thing.

AHA… so now I can rewrite my Board Member Block in JSX, and include proper documentation. So give me a little time to work this out (I have to pay attention at my day job) and I’ll post an update.