The easiest way to get started is by making a Pen on CodePen just to start, then opening the Embed panel and copy and pasting the example embed code.
Read moreHow do you add CodePen to React?
Codepen: Add React and Babel to a Template Pen First, create a New Pen. You’ll find a button on your Profile page. Otherwise, click your Profile image in the top-right corner of any view to bring up the dropdown menu. Configuring your new Pen to understand React.
Read moreCan I use React in CodePen?
But, you can use React on CodePen ! You either: Don’t use the JSX part and use the React. DOM.
Read more