My markdown preview not working on codepen

I finished the markdown preview, I did the project using Pycharm,

now trying to add it to codepen by it’s not rendering

would appreciate any help :slight_smile:

You have just plunked “standard” React code down into a pen. But pens work differently. For one thing they don’t use ES6 imports and exports. You also are not importing React into your package. You should do that Settings -> JS, where you should do that for all your imports.

I would take a step back and just get a Hello World React app to work and build from there.

1 Like

Hi @baselboulos !

Welcome to the forum!

As mentioned, codpen works a little differently when setting up react projects.

In my opinion, I think codesandbox is a better choice for react projects.

With codesandbox, you can just use their react template so you don’t have to worry about all of this manual setup and it supports multiple files.

Something to think about for future projects.

Thank you, this work pretty good, I’ve also found stackblitz useful too

Thanks, I’ve used other source, good to know tho I’ve make a hello world react app I can see how it works on codepen now

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.