Redux neden kullanılır.. Redux toolkit

Selamlar herkese bu yazımda öğrenme aşamasında biraz zorluk çektiğim redux hakkında öğrendiklerimi yazmaya çalışacağım. Hazırsak başlayalım.

Redux nedir ? Neden Redux’a ihtiyaç duyuyoruz ?

Redux bir state management kütüphanesidir. React ile çok uyumlu
çalıştığı için en çok kullanılanlar arasında yer alır ve kolayca test
edilir. Diğer state management kütüphanelerine örnek olarak akita,
context, recoil ve mobx kütüphanelerini söyleyebiliriz.

Neden State yönetim kütüphanesine ihtiyaç duyuyoruz ?

Uygulamamızın boyutu ve karmaşıklığı arttıkça haliyle sorunlar
artıyor ve yönetmesi daha da zorlaşıyor. Bir componentte
değiştirilen state’in bir diğer componentte iletilmesi zor olur.
Uygulama’da karışıklıklara yol açabilir. Bu sebeplerden dolayı state
yönetim kütüphanelerine ihtiyaç duyuyoruz.

Redux kullanıcıya global bir store sunuyor. Store stateleri tutmaya
yarayan bir araçtır.

React uygulamasına Redux toolkit kuralım.

React uygulamamızı kurduktan sonra terminali açıp

npm install @reduxjs/toolkit react-redux
yarn add @reduxjs/toolkit react-redux

kurulumu yapıyoruz.

Sonra src klasörü içerisinde redux klasörü oluşturup içerisine store.js dosyası oluşturuyoruz.

 import { configureStore } from "@reduxjs/toolkit";


    export const store = configureStore({
        reducer:{}
    })

Store dosyasını oluşturduktan sonra index.js dosyasını açıp oluşturduğumuz store’u import ediyoruz ve Redux ile gelen Provider’i import ediyoruz. Son olarak index.js dosyamızın görünümü aşağıdaki gibi oluyor.

import ReactDOM from 'react-dom/client';
import './index.css';
import { Provider } from 'react-redux';
import { store } from './redux/store';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <Provider store={store}>
    <App />
    </Provider>
  </React.StrictMode>
);

Okuduğunuz için teşekkür ederim. Redux’ta yeni sayılırım eksik veya yanlış bir bilgi yazdıysam linkedin üzerinden beni uyarabilirsiniz Lütfen :”)

Bir sonraki yazımda Redux ile todoapp yapımını anlatmaya çalışacağım.İyi okumalar.

https://www.linkedin.com/in/ebrarmeadev/