React
Redux के साथ प्रतिक्रिया

परिचय

टिप्पणियों

कनेक्ट का उपयोग करना

CreateStore के साथ Redux स्टोर बनाएँ।

import { createStore } from 'redux'
import todoApp from './reducers'
let store = createStore(todoApp, { inistialStateVariable: "derp"})

Redux स्टोर में कंपोनेंट कनेक्ट करने के लिए कनेक्ट का उपयोग करें और प्रॉपर स्टोर से कंपोनेंट तक खींचें।

import { connect } from 'react-redux'

const VisibleTodoList = connect(
  mapStateToProps,
  mapDispatchToProps
)(TodoList)

export default VisibleTodoList

उन क्रियाओं को परिभाषित करें जो आपके घटकों को Redux स्टोर पर संदेश भेजने की अनुमति देती हैं।

/*
 * action types
 */

export const ADD_TODO = 'ADD_TODO'

export function addTodo(text) {
  return { type: ADD_TODO, text }
}

इन संदेशों को संभालें और reducer फ़ंक्शन में स्टोर के लिए एक नया राज्य बनाएं।

function todoApp(state = initialState, action) {
  switch (action.type) {
    case SET_VISIBILITY_FILTER:
      return Object.assign({}, state, {
        visibilityFilter: action.filter
      })
    default:
      return state
  }
}