dev27

[dev27]

Create react ele : custom component

1. 💯 using a custom component with React.createElement

Production deploy

So far we’ve only used React.createElement(someString), but the first argument to React.createElement can also be a function which returns something that’s renderable.

So instead of calling your message function, pass it as the first argument to React.createElement and pass the {children: 'Hello World'} object as the second argument.

[dev27]

Different script types

So far I have seen mainly the following

<script type=“javascript”, but I am seeing type=“module” and type=“text/babel” not

[dev27]

Epic React : second exercise

Didn’t realize that DOM property textcontent is referred as children in React.

const secondSpanProp = {key:'2', children: 'world'};

Also, it’s good to learn the basic of the React.createElement and ReactDOM.render.

[dev27]

Epic React course: Welcome exercise

In the first exercise, I learned that there is more than one way to set the id for a dom element. One way is to use the setAttribute method and the other way is to get the returned dom element and assign the id value to it.

1. const divEle = document.createElement(’div’);

divEle.setAttribute(’id’,’root’)

2. divEle.id = ‘root‘;

The other learning is that, I was trying to assign a div element to the body tag by using the following but it didn’t work, have to figure out why.

document.getElementByTag(’body’);