core-embed/youtube

<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
https://www.youtube.com/watch?v=flsWSI1poGg
</div></figure>

In this video, we look at the Gutenberg blocks in our WordPress editor and work on a method of converting the blocks into React Components.

core/paragraph

<p>In this video, we look at the Gutenberg blocks in our WordPress editor and work on a method of converting the blocks into React Components.</p>

This is a great benefit than simply rendering the components as HTML as we now have access to the component attributes and with this data, we can create dynamic components which take benefit of a React environment.

<p>This is a great benefit than simply rendering the components as HTML as we now have access to the component attributes and with this data, we can create dynamic components which take benefit of a React environment.</p>


<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="3 5  Our Component Parser" width="500" height="281" src="https://www.youtube.com/embed/flsWSI1poGg?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div></figure>



<p>In this video, we look at the Gutenberg blocks in our WordPress editor and work on a method of converting the blocks into React Components.</p>



<p>This is a great benefit than simply rendering the components as HTML as we now have access to the component attributes and with this data, we can create dynamic components which take benefit of a React environment.</p>


Gatsby & WordPress - 3.5. - Block to Component Parsing - WhatJackHasMade

Gatsby & WordPress – 3.5. – Block to Component Parsing

Tell Me About Your Project