You can import React (any pretty much any other npm package) from Skypack like this: import React from “https://cdn.skypack.dev/[email protected]”; CodePen will help you fix imports like that automatically. You’ll see an icon like this come up, which you click to open and are offered a button to click to fix the issue.
Read moreHow do I import CodePen?
Simply drag-and-drop CSS, JS, or preprocessor versions of those files onto the Assets area and they will upload . Then click the file name to get the URL and copy-and-paste it into external resources.
Read moreHow do I run JavaScript on CodePen?
How to run code in CodePen
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