> For the complete documentation index, see [llms.txt](https://kafkaca.gitbook.io/reactjs-temel-yaklasim/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kafkaca.gitbook.io/reactjs-temel-yaklasim/merhaba-dunya.md).

# Merhaba Dunya - Webpack

React.js Komut satırını kullanmadıysanız Webpack için kurulum hazırlığı.

Daha önce ana **src** klasörümüzde oluşan **index.html** dosyamızı güncelleyelim..

geçiş yapalım **/src/index.html**

```
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>ReactJS Material</title>
</head>
<body>
<div id="app"></div> //app id'si ana 
<script src="/app/bundle.js"></script> 
</body>
</html>
```

geçiş yapalım **/src/app/index.js**

```
import React, { Component } from 'react';
import ReactDOM from 'react-dom';

class App extends Component {

    render() {
        return (
            <div>
                <h1>Merhaba Dunya !!</h1>
            </div>
        );
    }
}

ReactDOM.render(
  < App />,
  document.getElementById('app')
);
```

## **Merhaba Dunya**

![](https://886139218-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LiVKjUjQdEKlES3YeYz%2F-LiVKoBdKrQyCbFCX-GO%2F-LiVKv7vyWbUsxb4W5iD%2Fmerhaba-salt.PNG?generation=1561763236924853\&alt=media)