Shelob9/4-component.js

## 4-component.js
const Post = (props)  => {
  return (
      <div>
        <h2>{props.post.title.rendered}</h2>
      </div>
    )
};

## 5-component.js
const Posts = props => {
  return (
    <div>
      {props.posts.map(post => {
        return <Post post={post} key={post.ID} />;
      })}
    </div>
  );
};

## 6.sh
wp scaffold plugin learn-gutenberg

## 7.sh
wp scaffold block hello-world --title="Hello World Block" --plugin=learn-gutenberg
	const Post = (props) => {
	return (
	<div>
	<h2>{props.post.title.rendered}</h2>
	</div>
	)
	};
	const Posts = props => {
	return (
	<div>
	{props.posts.map(post => {
	return <Post post={post} key={post.ID} />;
	})}
	</div>
	);
	};