Description

This PR splits src/index.js file into 3 files for the esnext template when scaffolding blocks with npm init @wordpress/block:

• src/index.js
• src/edit.js
• src/save.js

There at least three reasons to do so:

• it aligns with what we do in Gutenberg
• it promotes the idea of small files that help to better organize code
• it shows how to use ES modules, or "Object Property Value Shorthand" features from ESNext

How has this been tested?

The simplest way is to run the following command in Gutenberg repo:

npx wp-create-block

I wish there was a better way to automate testing here.

Screenshots

Types of changes

Enhancement

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• I've updated all React Native files affected by any refactorings/renamings in this PR.