React Hooks Nedir?

Adı : React Hooks Nedir?

React Hooks, React 16.8 sürümüyle birlikte kullanıma sunulan bir React özelliğidir. Hooks, fonksiyonel bileşenlerde state (durum) ve lifecycle (yaşam döngüsü) yönetimi yapmayı sağlar. Class bileşenleri yerine fonksiyonel bileşenlerin daha fazla tercih edilmesini sağlayan Hooks, kodun okunabilirliğini artırır ve daha kolay anlaşılır bir yapı sunar.

React Hooks, useState, useEffect, useContext, useReducer, useRef, useCallback ve useMemo gibi önceden tanımlanmış Hooks fonksiyonlarından oluşur. Bu fonksiyonlar, state yönetimi, side effects (yan etkiler), context gibi React bileşenlerinde işlerin daha kolay halledilmesini sağlar.

useState, Hooks fonksiyonlarının en temelidir. Fonksiyon içerisinde bir state tanımlamamızı sağlar. useState fonksiyonuna başlangıç değeri olarak verilecek olan değer ve state'i güncellemek için kullanılacak olan fonksiyon döner. Örnek olarak;

```jsx
import React, { useState } from \"react\";

function Counter() {
const [count, setCount] = useState(0);

return (

);
}

export default Counter;
```

useEffect, React bileşenlerindeki lifecycle yönetimini sağlayan Hooks fonksiyonudur. Component'in mount edilmesi, güncellenmesi ve unmount edilmesi gibi durumlarda çalışan side effect (yan etki) fonksiyonları tanımlamak için kullanılır.Örnek olarak;

```jsx
import React, { useEffect, useState } from \"react\";

function FetchData() {
const [data, setData] = useState([]);

useEffect(() => {
fetch(\"https://api.example.com/data\")
.then((response) => response.json())
.then((data) => setData(data));