Create HTML elements with React's createElement API
In this lesson we'll learn how to use raw React APIs to create the most basic Hello World example. React defines it’s own createElement function that we will see works similar to document.createElement. And in place of appendChild we will use ReactDOM's render function.
We'll also learn a little bit about React props and the children prop.
I'm completely lost. what text editor are you using?
Hi Juan, Sorry you're lost. The text editor on the left is Atom and the part on the right is Chrome. Maybe this will help...
It seems like there is some info missing from this. Like where to start? Are you supposed to use Create App? Are you doing this in CodeSandbox and just deleting all your code?
Hey Louis, as mentioned in the introduction video and course description, the left side of the screen is just an index.html file and the right side is a regular browser with that file opened.
Thanks Kent, I must have missed that bit. I even double checked!!
This seems to be a good course but I don't know where to start. Is there a good course to setup a React project?
This seems to be a good course but I don't know where to start. Is there a good course to setup a React project?
I think to setup a React Project for learning purpose based on this course, just explore the "Code in editor" which instructor provide.
Is this course still relevant for a beginner?
What is the advantage of this HTML method vs the javascript app method? It seems the app method is much simpler. Compare this Hello World code to what you've got in the html file:
import React from 'react'; import './App.css';
function App() { return ( <div className="App"> <header className="App-header"> Hello World </header> </div> ); }
export default App;