redux cheetsheet

App.js

import { connect } from "react-redux";


function App(props){
  return (
    <div>App</div> 
  );
}

// reducer içindeki state'e erişir, state'in içindeki değerlerden hangisini istersek onu return eder
// redux'da state props'lara yazdırılır
const mapStateProps = (state) => {
  return {
    liste: state.liste
  };
};

export default connect(mapStateProps)(App);

index.js

// create store  - import { createStore } from "redux";
// create reducer and pass to the createStore
// wrapping by Provider - import { Provider } from "react-redux";

import React from "react";
import ReactDOM from "react-dom";

import { createStore } from "redux";
import { reducer } from "./reducers";
import { Provider } from "react-redux";


const store = createStore(reducer);

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById("root");
);

reducer.js

const INITIAL_STATE = {
  liste: [
    { id: 1, baslik: "Alisveris Yap", tamamlandi: false },
    { id: 2, baslik: "Fatura ode", tamamlandi: true }
  ]
};

export const reducer = (state = INITIAL_STATE, action) => {
  return state;
};