Or, embed this snippet using GenerateWP WordPress Plugin.

Download

Clone

Gutenberg – Register Block

/**
 * Register our favorite blocks
 *
 * @see https://wordpress.org/gutenberg/handbook/blocks/writing-your-first-block-type/#enqueuing-block-scripts
 */
function generatewp_gutenberg_reg_blocks() {
    $dir = dirname( __FILE__ );

    $block_js = 'movie/block.js';
    wp_register_script(
        'movie-block-editor',
        plugins_url( $block_js, __FILE__ ),
        array(
            'wp-blocks',
            'wp-i18n',
            'wp-element',
        ),
        filemtime( "$dir/$block_js" )
    );

    $editor_css = 'movie/editor.css';
    wp_register_style(
        'movie-block-editor',
        plugins_url( $editor_css, __FILE__ ),
        array(),
        filemtime( "$dir/$editor_css" )
    );

    $style_css = 'movie/style.css';
    wp_register_style(
        'movie-block',
        plugins_url( $style_css, __FILE__ ),
        array(),
        filemtime( "$dir/$style_css" )
    );

    register_block_type( 'movies/movie', array(
        'editor_script' => 'movie-block-editor',
        'editor_style'  => 'movie-block-editor',
        'style'         => 'movie-block',
    ) );
}
add_action( 'init', 'generatewp_gutenberg_reg_blocks' );