Step 5: Setup Babel using WordPress's default preset

Author: youknowriad

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@wordpress/default"]
+}

package-lock.json

@@ -16,6 +16,8 @@
   "author": "Riad Benguella",
   "license": "MIT",
   "devDependencies": {
+    "@babel/core": "^7.1.0",
+    "@wordpress/babel-preset-default": "^2.1.0",
     "parcel-bundler": "^1.10.1"
   }
 }

package.json

@@ -1 +1,3 @@
-console.log("Start the engine!");
+const { createElement } = wp.element;
+
+console.log(<div>Start the JSX engine</div>);

src/index.js

@@ -31,7 +31,7 @@ function wp_js_plugin_starter_register_script() {
 	wp_register_script(
 		'wp-js-plugin-starter',
 		wp_js_plugin_starter_url( 'dist/index.js' ),
-		array()
+		array( 'wp-element' )
 	);
 }