CMS React: Blog Templates

Okay -- so what you look to be needing is a react/js partial

You would create this Blog.jsx partial and build out your component there, this is super basic

{% extends "./layouts/base.hubl.html" %}

{% block header %}
 {% module "header_js_module"
 path="@projects/app/src/components/modules/Header" %}
{% endblock header %}

{% block body %}
 {% js_partial "blog_partial"
 path="@projects/project-folder/js-package/components/partials/Blog.jsx"
 %}
{% endblock body %}

{% block footer %}
 {% module "footer_js_module"
 path="@projects/app/src/components/modules/Footer" 
 %}
{% endblock footer %}

You could use graphql to bring in the blog data, or you could pass the data to your partial -- this is a bit more thought out and better example:

Example blog listing component from the elevate theme