Redux: अपरिवर्तनीय वस्तु के साथ redux को इनिशियलाइज़ कैसे करें

मुझे लगता है कि आप जो चाहते हैं वह कुछ इस तरह है

// stores/some-store.js
import Immutable from 'immutable'

const { Map, List, fromJS } = Immutable
const initialState = Map({
  foo: 'bar',
  fooList: List()
})

export function someStore (state = initialState, action) {
  if (action.type === 'FOO') {
    return state.set('foo', fromJS(action.foo))
  }
  if (action.type === 'FOO_LIST') {
    return state.set('fooList', fromJS(action.fooList))
  }

  return state
}

// stores/index.js
export { default as someStore } from './some-store'

// application.js
import * as stores from './stores'

const redux = createRedux(stores)

आपको स्टोरों को डिफ़ॉल्ट पैरामीटर का उपयोग करके अपने स्वयं के प्रारंभिक राज्य को परिभाषित करने देना चाहिए जैसे @emmenko ने दिखाया।

initialState तर्क का उपयोग केवल सर्वर या लोकलस्टोरेज से राज्य के पुन: उपयोग के लिए किया जाना है। ( @acdlite , हम इसे डॉक्स में समझाना चाहते हैं।)

उसने कहा, आपने जो प्रयास किया वह काम करना चाहिए। क्या कोई जांच कर सकता है?

नहीं, मैंने जो कोशिश की वह काम नहीं करता है। मैं सिर्फ एक ही स्थान पर सभी दुकानों के लिए प्रारंभिक डेटा बनाना चाहता हूं। मुझे लगता है कि यह वही है जो मुझे नहीं करना चाहिए।

मैं सिर्फ एक ही स्थान पर सभी दुकानों के लिए प्रारंभिक डेटा बनाना चाहता हूं। मुझे लगता है कि यह वही है जो मुझे नहीं करना चाहिए।

यह आप पर निर्भर करता है। मुझे शुरुआती डेटा को विभाजित करना बेहतर लगता है।

फिर भी, अगर कुछ काम नहीं करता है, तो इसे खुला रखें? मैं अगले हफ्ते फिर घूमूंगा और देखूंगा कि यह काम क्यों नहीं किया।

समस्या composeStores है जो मान रहा है कि जड़ राज्य एक सादा JS ऑब्जेक्ट है, और state[key] साथ संपत्तियों तक पहुंच रहा है, जो Immutable.Map साथ विफल हो जाता है। मुझे लगता है कि यह Immutable.Record साथ काम कर सकता है क्योंकि यह नियमित जेएस गुणों के माध्यम से खेतों को सुलभ बनाता है।

अन्य स्थान भी हो सकते हैं, हालांकि यह एक स्पष्ट वस्तु है।

ओह। यह एक महान पकड़ है! समझाने के लिए धन्यवाद। यह सही समझ में आता है।

कनेक्टर्स का उपयोग करना भी उसी कारण से विफल होता है: isPlainObject(Immutable.Record) === false ।

@pierregm यह वास्तव में सही है। यदि यह घटक गुण पर रिकॉर्ड गुण फैलाता है, तो यह वैसे भी काम नहीं करेगा। यह आप पर निर्भर है कि आप select={state => state.get('something').toJS()} लिखें।

मैं इसे इस तरह काम करने में सक्षम था,

// store
const initialState = Immutable.fromJS({}).toOrderedMap();

export default function streamStore(state = initialState, action) {
  switch (action.type) {

    case actionTypes.FETCH_STREAM_DONE:
      var streamMap = {};

      for (var i in action.stream_data) {
        var item = action.stream_data[i];
        streamMap[item.id] = item;
      }
      return state.merge(Immutable.fromJS(streamMap).toOrderedMap());

    default:
      return state
  }
};

// select
function select(state) {
  return {stream: state.stream.toList()}
}

यह पूरी तरह से काम करता है लेकिन यह स्ट्रीम (एक सूची दृश्य) में सभी वस्तुओं को फिर से प्रदान करता है। मैं सोच रहा था कि कोई व्यक्ति कुछ ऐसा कैसे लागू कर सकता है जो स्टोर स्तर पर पुराने राज्य बनाम नए राज्य की तुलना करता है और डेटा में कोई बदलाव नहीं होने पर किसी भी घटक को प्रस्तुत करने की आवश्यकता को अमान्य करता है। NuclearJS यह अपरिवर्तनीय संरचनाओं के साथ करता है। Redux में ऐसा कुछ लागू करने के लिए अनुशंसित तरीका क्या होगा?

@owais

Reselect देखें: https://github.com/faassen/reselect यह NuclearJS गेटर्स के समान कार्यक्षमता प्रदान करता है।

@ बेयरन कूल! ReactEurope BTW पर शानदार बातचीत! धन्यवाद।

यह मेरी कोशिश है कि Redux 1.0.0, https://github.com/gajus/redux-immable के साथ Immutable.js का उपयोग किया जाए

अच्छा @ गजस! परीक्षण redux-immutable अभी और वास्तव में https://github.com/gajus/canonical-reducer-composition पैटर्न को पसंद कर रहा है

साभार @chiplay मैं वास्तव में सराहना करूंगा कि आपको कमियों के बारे में प्रतिक्रिया देनी चाहिए या सुधार के लिए विचार करना चाहिए।

क्या redux के साथ अपरिवर्तनीय संरचनाओं का उपयोग करने का कोई फायदा है? जब Redux अपरिवर्तनीय व्यवहार पर आधारित होता है (जैसे स्टोर राज्य की नई प्रति लौटाते हैं)? प्रदर्शन (कोई बेंचमार्क?) या कुछ और? धन्यवाद

@jsifalda

Redux के साथ अपरिवर्तनीय उपयोग करने के नियम:

• आप गलती से नहीं बदल सकते
• बड़े सरणियों और वस्तुओं के साथ तेज़ प्रदर्शन और बेहतर मेमोरी खपत

Redux के साथ अपरिवर्तनीय का उपयोग करने की विपक्ष:

• अपनी टीम के लिए सीखने के लिए नया एपीआई
• बंडल आकार में वृद्धि
• डिबग करने के लिए थोड़ा मुश्किल

व्यापार आप पर निर्भर है!

@gaearon
बहुत तेजी से और उपयोगी जवाब के लिए धन्यवाद!

यदि आप ImmutableJs और Redux चाहते हैं जो Redux मानकों के अनुरूप है तो आप https://github.com/indexiatech/redux-immutablejs पर एक नज़र डाल सकते हैं,

@gaearon क्या वेब साइट पर लिंक डालना संभव है?

थैंक यू आसफ मुझे यकीन है कि लोग इसे उपयोगी पाएंगे।

4 सितंबर, 2015 को, 18:36 पर, आसफ शकरची सूचनाएं @github.com ने लिखा:

यदि आप ImmutableJs और Redux चाहते हैं जो Redux मानकों के अनुरूप है तो आप https://github.com/indexiatech/redux-immutablejs पर एक नज़र डाल सकते हैं,

@gaearon क्या वेब साइट पर लिंक डालना संभव है?

-
इस ईमेल का उत्तर सीधे दें या इसे GitHub पर देखें।

@asaf

अच्छा सामान, क्या आप Ecosystem.md PR बनाना चाहेंगे?
यदि आप अपने प्रोजेक्ट में परीक्षण जोड़ते हैं, तो मैं इसे खुशी से वहां जोड़ दूंगा।

इकाई परीक्षणों के साथ @gaearon संपन्न, PR है: https://github.com/rackt/redux/pull/707

धन्यवाद!

नमस्ते,
@gaearon के लिए एक छोटा सा प्रश्न, मैंने अपने मौजूदा रिएक्ट / Redux ऐप पर

मूल उपयोग मामला: एपीआई कॉल से डेटा का संग्रह प्राप्त करना और इसे रिड्यूसर में संग्रहीत करना ...

मेरे reducer से,
बिना ImmutableJS:

const initialStore = {
    isLoading : false,
    error     : null,
    data      : []
}

// in the switch case
return {
   ...state,
   isLoading: false,
   error: null,
   data: action.result
}

ImmutableJS के साथ

const initialStore = Map({
    isLoading : false,
    error     : null,
    data      : List()
})

// in the handler function
return state.merge({
    isLoading: false,
    error: null,
    data: List(result.result)
})

मैं सोच रहा था कि क्या "इलाज" ImmutableJS कर रहा है यहाँ और अधिक लागत नहीं है?

क्या मैं अपरिवर्तनीयता से समझता हूं, लाभ तब अधिक होता है जब रेंडरिंग त्वरित होता है, है ना?

आपकी प्रतिक्रिया के लिए धन्यवाद।

लाभ यह है कि बड़े सरणियों और वस्तुओं पर काम करने से कम मेमोरी खर्च होती है और तेजी से काम होता है। यह छोटे अनुप्रयोगों में बड़ा बदलाव नहीं करता है।

ठीक है धन्यवाद।
तो मैं वैसे भी सही तरीका है?

हाँ, मुझे अच्छा लग रहा है।

अब तक का व्यापार बंद हो चुका है। the