Function Component React

Apa itu Function Component
Function Component React adalah fungsional javascript sederhana yang menerima props dan return elemen React atau sebuah komponen yang dibuat dengan metode function.

Bagaimana Function Component Berkerja
Kita dapat membuat Function Component dalam React dengan menulis javascript function. Fungsi ini mungkin atau tidak menerima data sebagai parameter. Dalam komponen fungsional, value yang di return adalah kode JSX untuk dirender ke pohon DOM. Function Component adalah beberapa komponen yang paling umum yang akan ditemui saat bekerja di React. Karena lebih simple dan mudah dibaca.

Implementasi Function Component
Function Component lebih mudah untuk di testing. Kita tidak perlu khawatir tentang hidden state dan tidak ada banyak side effect dalam Function Component, jadi untuk setiap input, fungsi akan memiliki satu output. Lebih mudah untuk membaca/menulis karena sintaksnya kurang kompleks daripada Class Component.

  import React from 'React'
      Function Welcome(){
          return (<h1>Saya irulfadil</h1>)
  }

Contoh implement component

<Welcome />

Note:
React adalah tentang re-using code, dan disarankan untuk membagi komponen menjadi file terpisah. Untuk melakukannya, buat file baru dengan ekstensi file .js atau .jsx dan memasukkan kode di dalamnya.