Updates with suggestion. Props to @nosolosw

docs/designers-developers/developers/tutorials/javascript/extending-the-block-editor.md

@@ -3,7 +3,7 @@
 
 This puts all the initial pieces in place for you to start extending the Block Editor.
 
-Let's look at using the [Block Style Variation example](../../../../../docs/designers-developers/developers/filters/block-filters/#block-style-variations).
+Let's look at using the [Block Style Variation example](../../../../../docs/designers-developers/developers/filters/block-filters.md#block-style-variations).
 
 Replace the existing `console.log()` code in your `myguten.js` file with:
 
@@ -14,22 +14,47 @@ wp.blocks.registerBlockStyle( 'core/quote', {
 } );
 ```
 
-After you add the `wp.blocks.registerBlockStyle` code, save the `myguten.js` file, and then create a new post in the Block Editor.
+**Important:** Notice that you are using a function from `wp.blocks` package. This means you must specify it as a dependency when you enqueue the script. Update the `myguten-plugin.php` file to:
 
-Add a quote block, and in the right sidebar under Styles, you will see your new Fancy Quote style listed. You can go back to the JavaScript and change the label to "Fancy Pants" and reload, and you will see the new label.
+```php
+<?php
+/*
+Plugin Name: Fancy Quote
+*/
+
+function myguten_enqueue() {
+	wp_enqueue_script( 'myguten-script',
+		plugins_url( 'myguten.js', __FILE__ ),
+		array( 'wp-blocks')
+	);
+}
+add_action( 'enqueue_block_editor_assets', 'myguten_enqueue' );
+```
+
+The last argument in the `wp_enqueue_script()` function is an array of dependencies. WordPress makes available its  packages under the wp namespace. In the example, you use `wp.blocks` to access the items the blocks package exports, in this case the `registerBlockStyle()` function.
+
+See [Packages](../../../../../docs/designers-developers/developers/packages.md) for list of available packages and what objects they export.
 
-Previewing or Publishing the post, you will not see a visible change. However, if you look at the source, you will see `is-style-fancy-quote` class name attached to your quote.
+After you have updated both JavaScript and PHP file, go to the Block Editor and create a new post.
 
-Go ahead and create a `style.css` file with:
+Add a quote block, and in the right sidebar under Styles, you will see your new Fancy Quote style listed. You can go back to the JavaScript and change the label to "Fancy Pants" and reload, and you will see the new label. Click to select and apply that style to your quote block.
+
+
+![Fancy Quote Style in Inspector](../../../../../docs/designers-developers/developers/tutorials/javascript/fancy-quote-in-inspector.png)
+
+
+If you Preview or Publish the post, you will not see a visible change. However, if you look at the source, you will see the `is-style-fancy-quote` class name attached to your quote.
+
+Let's add some style. Go ahead and create a `style.css` file with:
 
 ```css
 .is-style-fancy-quote {
-	font-size: 64px;
+	color: tomato;
 }
 
 ```
 
-and enqueue the CSS by adding the following to your `myguten-plugin.php`:
+You enqueue the CSS by adding the following to your `myguten-plugin.php`:
 
 ```php
 function myguten_stylesheet() {
@@ -38,4 +63,5 @@ function myguten_stylesheet() {
 add_action( 'enqueue_block_assets', 'myguten_stylesheet' );
 ```
 
-And then when you view the page, you will see it in a very large font.
+Now a quote block with your fancy quote style applied, when you viewed in the editor and published, you will see it in a beautiful tomato color.
+

docs/designers-developers/developers/tutorials/javascript/loading-javascript.md

@@ -8,13 +8,14 @@ Add the following code to your `myguten-plugin.php` file:
 ```php
 function myguten_enqueue() {
 	wp_enqueue_script( 'myguten-script',
-		plugins_url( 'myguten.js', __FILE__ ),
-		array( 'wp-blocks', 'wp-element' )
+		plugins_url( 'myguten.js', __FILE__ )
 	);
 }
 add_action( 'enqueue_block_editor_assets', 'myguten_enqueue' );
 ```
 
+The script enqueuing uses the `enqueue_block_editor_assets` hook which loads the JavaScript file `myguten.js` when the block editor loads.
+
 Create a file called `myguten.js` and add:
 
 ```js
@@ -23,18 +24,13 @@ console.log( "I'm loaded!" );
 
 Now start a new post in the block editor, and check your browser Developer Tools. You should see the message in your console log. See [Mozilla's What are browser developer tools?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools) if you need more information, the area to become most familiar with is [The JavaScript console](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools#The_JavaScript_console).
 
-The script enqueuing uses the `enqueue_block_editor_assets` hook which only loads the JavaScript when the block editor loads. So if you navigate to any front-end page or article on your site, you will not see the message.
-
-The last argument in the `wp_enqueue_script()` function is an array of dependencies. All of the Gutenberg packages are registered and can be loaded by specifying them in the array, the blocks and elements packages are shown above, as they are two common ones used.
-
 
 **Note for Theme Developers:**  The above method of enqueing is used for plugins, if you are extending Gutenberg for your theme there is a minor difference, you will use the `get_template_directory_uri()` function instead of `plugins_url()`. So for a theme, the enqueue example is:
 
 ```php
 function myguten_enqueue() {
 	wp_enqueue_script( 'myguten-script',
-		get_template_directory_uri() . '/myguten.js',
-		array( 'wp-blocks', 'wp-element' )
+		get_template_directory_uri() . '/myguten.js'
 	);
 }
 add_action( 'enqueue_block_editor_assets', 'myguten_enqueue' );

docs/designers-developers/developers/tutorials/javascript/plugins-background.md

@@ -8,7 +8,7 @@ Inside of this new directory, create a file called `myguten-plugin.php` which wi
 ```php
 <?php
 /*
-Plugin Name: My Guten Plugin
+Plugin Name: Fancy Quote
 */
 ```