Front End Development Libraries Projects - Build a Random Quote Machine

JavaScript
1

all this time i have been using the freeCodeCamp code editor to write my code but on this challenge, i have to use codepen.io i don’t know how to install React on codepen.io . whenever i want to write a code in React on the javascript part on codepen.io , i always receive a message telling me that React is not defined. i really need help please :pray:

2

I understand you, i wish there is a boilerplate for this. :rofl:

I started by adding this into HTML:

<body>
<div id='root'></div>
</body>

then add this inside JS(BABEL):

function App(){
  return (
    <>
      <div> Hello World! </div>
    </>
  );

}

// Render main
console.clear();
ReactDOM.render(<App />, document.querySelector("#root"))

Then, you should see Hello World rendered out !

image
image617×643 9.88 KB

if not, ensure you use “BABEL” and add REACT library into codepen.

image
image902×790 67.2 KB

1 Like
3

From where do you get the quotes?
I do this project in Vs code, there a tutorials how do start with react.

4

thank you bro! it’s working

5

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