# helloworld not showing

**URL:** <https://forum.kirupa.com/t/helloworld-not-showing/642875>\
**Category:** Uncategorized\
**Created:** [May 20, 2020, 5:11am UTC](https://forum.kirupa.com/t/helloworld-not-showing/642875 "2020-05-20T05:11:33Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![alyo](https://avatars.discourse-cdn.com/v4/letter/a/e99b99/32.png) [@alyo](https://forum.kirupa.com/u/alyo)\
**Post date:** [May 20, 2020, 5:11am UTC](https://forum.kirupa.com/t/helloworld-not-showing/642875/1 "2020-05-20T05:11:33Z")

</div>

I am following along with the tutorial and got stuck at video 13. Easily Creating Your React Dev Environment. The browser won’t display the “Hello,world!”

Here is the code bellow:

code: index.js

```
import React from "react";
import ReactDOM from "react-dom";
import HelloWorld from "./HelloWorld";
import "./index.css";

ReactDom.render(
    <HelloWorld/>,
    document.getElementById("root")
);

```

* * *

code for index.html

```
<html>
    <body>
        <div id=root></div>

    </body>
</html>
```

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 20, 2020, 6:46am UTC](https://forum.kirupa.com/t/helloworld-not-showing/642875/2 "2020-05-20T06:46:49Z")

</div>

Hi @alyo - Do you see any error messages in your Developer Tools’ console?

---

<div class="post-metadata">

**Author:** ![alyo](https://avatars.discourse-cdn.com/v4/letter/a/e99b99/32.png) [@alyo](https://forum.kirupa.com/u/alyo)\
**Post date:** [May 20, 2020, 6:56am UTC](https://forum.kirupa.com/t/helloworld-not-showing/642875/3 "2020-05-20T06:56:17Z")

</div>

Nope. I did put quotation mark inside the root. `<div id="root"></div>`. But still not working.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 20, 2020, 7:22am UTC](https://forum.kirupa.com/t/helloworld-not-showing/642875/4 "2020-05-20T07:22:35Z")

</div>

Can you share your **HelloWorld** source?

---

<div class="post-metadata">

**Author:** ![alyo](https://avatars.discourse-cdn.com/v4/letter/a/e99b99/32.png) [@alyo](https://forum.kirupa.com/u/alyo)\
**Post date:** [May 20, 2020, 8:04am UTC](https://forum.kirupa.com/t/helloworld-not-showing/642875/5 "2020-05-20T08:04:42Z")

</div>

```auto
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello World</title>
 
</head>
<body>
    <div id="root"></div>
    
</body>
</html>

```

* * *

```auto
import React, {Component} from "react";
import "./HelloWorld.css"

class HelloWorld extends React.Component {
    render() {
        return (
            <div className="helloContainer">
                <h1>Hello, world!</h1>
            </div>
        );
    }
}

export default HelloWorld;

```

* * *

```auto
import React from "react";
import ReactDOM from "react-dom";
import HelloWorld from "./HelloWorld";
import "./index.css";

ReactDOM.render(
    <HelloWorld/>,
    document.getElementById("root")
);

```

* * *

```auto
body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    margin: 0;
}

```

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 21, 2020, 4:01am UTC](https://forum.kirupa.com/t/helloworld-not-showing/642875/6 "2020-05-21T04:01:24Z")

</div>

I just tried out your code and markup, and everything works correctly for me. This is what I see when I ran your version of the app:

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/2/2cb9a0804a7f72923ae7e7521124a65d2a0a45b7.jpeg)

When you create a new app via Create React App, are you able to preview that in your browser and see the default starting page?