ReactJs Temel Yaklaşım
  • Başlangıç
  • Ortam Hazırlığı
  • Merhaba Dunya - Webpack
  • Arayüz Hazırlığı - UI
  • Çoklu Component
  • Props
  • State
  • SetState
  • If, Else, Switch Örnekleri
  • Form Kullanım Örnekleri
Powered by GitBook
On this page

Was this helpful?

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

PreviousOrtam HazırlığıNextArayüz Hazırlığı - UI

Last updated 5 years ago

Was this helpful?