How can I create a custom Gutenberg block for my theme?

<!-- BEGIN COPY / PASTE -->
    // Enqueue block scripts
    function my_custom_block_enqueue() {
      wp_enqueue_script(
        'my-custom-block',
        get_template_directory_uri() . '/js/my-custom-block.js',
        array('wp-blocks', 'wp-editor', 'wp-element', 'wp-components')
      );
    }
    add_action('enqueue_block_editor_assets', 'my_custom_block_enqueue');

    // Register block
    wp.blocks.registerBlockType('mytheme/my-custom-block', {
      title: 'My Custom Block',
      icon: 'smiley',
      category: 'common',
      edit: function(props) {
        return wp.element.createElement('p', {}, 'Hello from the editor!');
      },
      save: function(props) {
        return wp.element.createElement('p', {}, 'Hello from the saved content!');
      }
    });
    <!-- END COPY / PASTE -->