เคนเคฒ: เคฐเคฟเคเค•เฅเคŸ เคฐเคฟเคกเค•เฅเคธ เคฒเค•เคกเคผเคนเคพเคฐเคพ

เคฐเคฟเคเค•เฅเคŸ เคฐเคฟเคกเค•เฅเคธ เคฒเฅ‰เค—เคฐ เคฐเคฟเคเค•เฅเคŸ เคฐเคฟเคกเค•เฅเคธ เค•เคพ เค‰เคชเคฏเฅ‹เค— เค•เคฐเค•เฅ‡ เคเคชเฅเคฒเคฟเค•เฅ‡เคถเคจ เคตเคฟเค•เคธเคฟเคค เค•เคฐเคจเฅ‡ เค•เคพ เคเค• เค…เคญเคฟเคจเฅเคจ เค…เค‚เค— เคนเฅˆเฅค เคฏเคน เคŸเฅ‚เคฒ เคกเฅ‡เคตเคฒเคชเคฐเฅเคธ เค•เฅ‹ เค•เคฟเคธเฅ€ เคญเฅ€ เคธเคฎเคฏ เคเคชเฅเคฒเคฟเค•เฅ‡เคถเคจ เค•เฅ€ เคธเฅเคฅเคฟเคคเคฟ เคฒเฅ‰เค— เค•เคฐเคจเฅ‡ เค•เฅ€ เค…เคจเฅเคฎเคคเคฟ เคฆเฅ‡เคคเคพ เคนเฅˆ, เคœเคฟเคธเคธเฅ‡ เคกเคฟเคฌเค—เคฟเค‚เค— เคฌเคนเฅเคค เค†เคธเคพเคจ เคนเฅ‹ เคœเคพเคคเฅ€ เคนเฅˆเฅค เคฏเคน เค•เคฟเคธเฅ€ เคญเฅ€ เคธเคฎเคฏ เค•เฅ‹เคˆ เค•เคพเคฐเฅเคฐเคตเคพเคˆ เคญเฅ‡เคœเฅ‡ เคœเคพเคจเฅ‡ เคชเคฐ เคชเคฟเค›เคฒเฅ€ เคธเฅเคฅเคฟเคคเคฟ, เค•เคพเคฐเฅเคฐเคตเคพเคˆ เค”เคฐ เค…เค—เคฒเฅ€ เคธเฅเคฅเคฟเคคเคฟ เค•เฅ‹ เคฒเฅ‰เค— เค•เคฐเค•เฅ‡ เค•เคพเคฎ เค•เคฐเคคเคพ เคนเฅˆเฅค เค‡เคธ เคฒเฅ‡เค– เคฎเฅ‡เค‚, เคนเคฎ เคฐเคฟเคเค•เฅเคŸ เคฐเคฟเคกเค•เฅเคธ เคฒเฅ‰เค—เคฐ เค•เฅ‡ เคเคชเฅเคฒเคฟเค•เฅ‡เคถเคจ เคฎเฅ‡เค‚ เค—เคนเคฐเคพเคˆ เคธเฅ‡ เค‰เคคเคฐเฅ‡เค‚เค—เฅ‡, เคธเคพเคฎเคพเคจเฅเคฏ เคธเคฎเคธเฅเคฏเคพเค“เค‚ เค•เฅ‡ เคธเคฎเคพเคงเคพเคจ เคคเคฒเคพเคถเฅ‡เค‚เค—เฅ‡, เค”เคฐ เคธเฅเคชเคทเฅเคŸ เคธเคฎเค เค•เฅ‡ เคฒเคฟเค เค†เคชเค•เฅ‹ เค•เฅเค› เค•เฅ‹เคก เค‰เคฆเคพเคนเคฐเคฃเฅ‹เค‚ เค•เฅ‡ เคฌเคพเคฐเฅ‡ เคฎเฅ‡เค‚ เคฌเคคเคพเคเค‚เค—เฅ‡เฅค

เคฐเคฟเคเค•เฅเคŸ-เคฐเคฟเคกเค•เฅเคธ เคฒเฅ‰เค—เคฐ เคธเคฎเคธเฅเคฏเคพ เค•เฅ‹ เคธเคฎเคเคจเคพ

เค…เค•เฅเคธเคฐ เคกเฅ‡เคตเคฒเคชเคฐเฅเคธ เค•เฅ‹ เค…เคชเคจเฅ‡ เคฐเคฟเคเค•เฅเคŸ-เคฐเคฟเคกเค•เฅเคธ เคเคชเฅเคฒเคฟเค•เฅ‡เคถเคจ เค•เฅ‹ เคกเฅ€เคฌเค— เค•เคฐเคคเฅ‡ เคธเคฎเคฏ เคธเค‚เค˜เคฐเฅเคท เค•เคพ เคธเคพเคฎเคจเคพ เค•เคฐเคจเคพ เคชเคกเคผเคคเคพ เคนเฅˆเฅค เคธเคพเคฎเคพเคจเฅเคฏ เคธเคฎเคธเฅเคฏเคพเค“เค‚ เคฎเฅ‡เค‚ เคฐเคพเคœเฅเคฏ เค‰เคคเฅเคชเคฐเคฟเคตเคฐเฅเคคเคจ เค•เฅ‡ เคฌเคฟเค‚เคฆเฅ เค•เฅ€ เคชเคนเคšเคพเคจ เค•เคฐเคจเคพ, เค•เฅเคฐเคฟเคฏเคพเค“เค‚ เค•เฅ‡ เคชเฅเคฐเคตเคพเคน เค•เฅ‹ เคŸเฅเคฐเฅˆเค• เค•เคฐเคจเคพ, เคฏเคพ เคธเค‚เคชเฅ‚เคฐเฅเคฃ เคฐเฅ‚เคช เคธเฅ‡ เคเคชเฅเคฒเคฟเค•เฅ‡เคถเคจ เค•เฅ€ เคธเฅเคฅเคฟเคคเคฟ เค•เฅ€ เค•เคฒเฅเคชเคจเคพ เค•เคฐเคจเคพ เคถเคพเคฎเคฟเคฒ เคนเฅˆเฅค เคฏเคนเฅ€เค‚ เคชเคฐ เคฐเคฟเคเค•เฅเคŸ เคฐเคฟเคกเค•เฅเคธ เคฒเฅ‰เค—เคฐ เค†เคคเคพ เคนเฅˆ, เคœเฅ‹ เคฐเคพเคœเฅเคฏ เคฒเฅ‰เค—เคฟเค‚เค— เค•เฅ‡ เคฒเคฟเค เคเค• เคธเคฐเคฒ เคฒเฅ‡เค•เคฟเคจ เค•เฅเคถเคฒ เคธเคฎเคพเคงเคพเคจ เคชเฅเคฐเคฆเคพเคจ เค•เคฐเคคเคพ เคนเฅˆเฅค

  • เคฒเฅ‰เค—เคฐ เคฎเคฟเคกเคฒเคตเฅ‡เคฏเคฐ เค•เคพเคฐเฅเคฐเคตเคพเคˆ เคธเฅ‡ เคชเคนเคฒเฅ‡ เค”เคฐ เคฌเคพเคฆ เค•เฅ€ เคธเฅเคฅเคฟเคคเคฟ เค•เฅ‡ เคธเคพเคฅ เคชเฅเคฐเคคเฅเคฏเฅ‡เค• เคชเฅเคฐเฅ‡เคทเคฟเคค เค•เคพเคฐเฅเคฐเคตเคพเคˆ เค•เฅ‹ เคฒเฅ‰เค— เค•เคฐเคคเคพ เคนเฅˆเฅค
  • เคฏเคน เคกเฅ‡เคตเคฒเคชเคฐเฅเคธ เค•เฅ‹ เคฐเคพเคœเฅเคฏ เคฎเฅ‡เค‚ เคชเคฐเคฟเคตเคฐเฅเคคเคจเฅ‹เค‚ เค•เฅ‹ เคŸเฅเคฐเฅˆเค• เค•เคฐเคจเฅ‡ เค”เคฐ เค…เคงเคฟเค• เคชเฅเคฐเคญเคพเคตเฅ€ เคขเค‚เค— เคธเฅ‡ เคกเฅ€เคฌเค— เค•เคฐเคจเฅ‡ เค•เฅ€ เค…เคจเฅเคฎเคคเคฟ เคฆเฅ‡เคคเคพ เคนเฅˆเฅค

เคฐเคฟเคเค•เฅเคŸ-เคฐเคฟเคกเค•เฅเคธ เคฒเฅ‰เค—เคฐ เคฒเคพเค—เฅ‚ เค•เคฐเคจเคพ

เคฐเคฟเคเค•เฅเคŸ เคเคชเฅเคฒเคฟเค•เฅ‡เคถเคจ เคฎเฅ‡เค‚ เคฐเคฟเคกเค•เฅเคธ เคฒเฅ‰เค—เคฐ เค•เคพ เค‰เคชเคฏเฅ‹เค— เคถเฅเคฐเฅ‚ เค•เคฐเคจเฅ‡ เค•เฅ‡ เคฒเคฟเค, เค‡เคธเฅ‡ เคฐเคฟเคกเค•เฅเคธ เคฎเคฟเคกเคฒเคตเฅ‡เคฏเคฐ เคฎเฅ‡เค‚ เคœเฅ‹เคกเคผเคพ เคœเคพเคจเคพ เคšเคพเคนเคฟเคเฅค

import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';
import logger from 'redux-logger';
import rootReducer from './reducers';

const store = createStore(
  rootReducer,
  composeWithDevTools(
    applyMiddleware(logger) 
  )
);

Redux เคฒเฅ‰เค—เคฐ เค•เฅ‹ `applyMiddleware` เคซเคผเค‚เค•เฅเคถเคจ เค•เฅ‡ เคชเฅˆเคฐเคพเคฎเฅ€เคŸเคฐ เค•เฅ‡ เคฐเฅ‚เคช เคฎเฅ‡เค‚ เคชเคพเคธ เค•เคฟเคฏเคพ เคœเคพเคคเคพ เคนเฅˆ เคœเคฟเคธเฅ‡ redux เคธเฅ‡ เค†เคฏเคพเคค เค•เคฟเคฏเคพ เคœเคพเคคเคพ เคนเฅˆเฅค เค‡เคธเค•เฅ‡ เคฌเคพเคฆ เคฏเคน เคชเคฟเค›เคฒเฅ€ เค”เคฐ เค…เค—เคฒเฅ€ เคธเฅเคฅเคฟเคคเคฟ เค•เฅ‡ เคธเคพเคฅ เคญเฅ‡เคœเฅ€ เคœเคพเคจเฅ‡ เคตเคพเคฒเฅ€ เคชเฅเคฐเคคเฅเคฏเฅ‡เค• เค•เฅเคฐเคฟเคฏเคพ เค•เฅ‹ เคฒเฅ‰เค— เค•เคฐเคคเคพ เคนเฅˆเฅค เคฏเคน เคธเฅเคŸเฅ‹เคฐ เค†เคชเค•เฅ‡ เคเคชเฅเคฒเคฟเค•เฅ‡เคถเคจ เค•เฅ‡ เค‰เคšเฅเคšเคคเคฎ เคธเฅเคคเคฐ, เค†เคฎเคคเฅŒเคฐ เคชเคฐ App.js เคฏเคพ Index.js เคชเคฐ เคชเฅเคฐเคคเคฟเค•เฅเคฐเคฟเคฏเคพ-เคฐเคฟเคกเค•เฅเคธ เคธเฅ‡ เคชเฅเคฐเคฆเคพเคคเคพ เค˜เคŸเค• เคฎเฅ‡เค‚ เคšเคฒเคพ เคœเคพเคคเคพ เคนเฅˆเฅค

Redux เคฒเฅ‰เค—เคฐ เค•เฅ‰เคจเฅเคซเคผเคฟเค—เคฐเฅ‡เคถเคจ เคฎเฅ‡เค‚ เค—เคนเคฐเคพเคˆ เคธเฅ‡ เค–เฅ‹เคฆเคจเคพ

เคฐเคฟเคกเค•เฅเคธ เคฒเค•เคกเคผเคนเคพเคฐเคพ เค•เคˆ เค…เคจเฅเค•เฅ‚เคฒเคจ เค•เฅ‡ เคธเคพเคฅ เค†เคคเคพ เคนเฅˆเฅค เค†เคช เคคเคฏ เค•เคฐ เคธเค•เคคเฅ‡ เคนเฅˆเค‚ เค•เคฟ เค•เฅเคฏเคพ เคฒเฅ‰เค— เค•เคฟเคฏเคพ เคœเคพเค.

const logger = createLogger({
  collapsed: true,
  diff: true
});

เคธเคคเฅเคฏ เคชเคฐ เคธเฅ‡เคŸ เคนเฅ‹เคจเฅ‡ เคชเคฐ 'เคธเค‚เค•เฅเคทเคฟเคชเฅเคค' เคตเคฟเค•เคฒเฅเคช, เคธเค‚เค•เฅเคทเคฟเคชเฅเคค เค•เฅเคฐเคฟเคฏเคพเค“เค‚ เค•เฅ‹ เคฒเฅ‰เค— เค•เคฐเฅ‡เค—เคพ, เคœเคฟเคธเค•เคพ เค…เคฐเฅเคฅ เคนเฅˆ เค•เคฟ เคกเฅ‡เคตเคฒเคชเคฐ เค•เฅ‹ เค‰เคจเฅเคนเฅ‡เค‚ เคตเคฟเคธเฅเคคเคพเคฐเคฟเคค เค•เคฐเคจเฅ‡ เค”เคฐ เคชเคฟเค›เคฒเฅ€ เค”เคฐ เค…เค—เคฒเฅ€ เคธเฅเคฅเคฟเคคเคฟ เคฆเฅ‡เค–เคจเฅ‡ เค•เฅ‡ เคฒเคฟเค เค•เฅเคฒเคฟเค• เค•เคฐเคจเคพ เคนเฅ‹เค—เคพเฅค 'diff' เคตเคฟเค•เคฒเฅเคช เคชเฅ‚เคฐเฅเคฃ เคธเฅเคฅเคฟเคคเคฟ เคฆเคฟเค–เคพเคจเฅ‡ เค•เฅ‡ เคฌเคœเคพเคฏ เคชเคฟเค›เคฒเฅ€ เค”เคฐ เค…เค—เคฒเฅ€ เคธเฅเคฅเคฟเคคเคฟ เค•เฅ‡ เคฌเฅ€เคš เค…เค‚เคคเคฐ เคฆเคฟเค–เคพเคเค—เคพเฅค

เคฐเคฟเคเค•เฅเคŸ-เคฐเคฟเคกเค•เฅเคธ เคฒเฅ‰เค—เคฐ เค•เคพ เค‰เคชเคฏเฅ‹เค— เค•เคฐเค•เฅ‡ เคธเคฎเคธเฅเคฏเคพเค“เค‚ เค•เคพ เคธเคฎเคพเคงเคพเคจ เค•เคฐเคจเคพ

เคฐเคฟเคกเค•เฅเคธ เคฒเฅ‰เค—เคฐ เค•เฅ‡ เคฒเคพเคญเฅ‹เค‚, เค•เคพเคฐเฅเคฏเคพเคจเฅเคตเคฏเคจ เค”เคฐ เค‰เคชเคฏเฅ‹เค— เค•เฅ‹ เคธเคฎเคเคจเฅ‡ เคธเฅ‡ เค†เคชเค•เฅ€ เค‰เคคเฅเคชเคพเคฆเค•เคคเคพ เคฎเฅ‡เค‚ เค•เคพเคซเฅ€ เคตเฅƒเคฆเฅเคงเคฟ เคนเฅ‹เค—เฅ€เฅค เคฏเคน เคเคชเฅเคฒเคฟเค•เฅ‡เคถเคจ เคฎเฅ‡เค‚ เคธเฅเคฅเคฟเคคเคฟ เค•เฅˆเคธเฅ‡ เค”เคฐ เค•เคฌ เคฌเคฆเคฒเคคเฅ€ เคนเฅˆ, เค‡เคธเค•เฅ€ เคชเคพเคฐเคฆเคฐเฅเคถเคฟเคคเคพ เคชเฅเคฐเคฆเคพเคจ เค•เคฐเค•เฅ‡ เคกเคฟเคฌเค—เคฟเค‚เค— เค•เฅ€ เค…เคจเฅเคฎเคคเคฟ เคฆเฅ‡เคคเคพ เคนเฅˆเฅค เคฒเฅ‰เค— เค•เฅ‹ เค•เฅเคฐเคฎเคฟเค• เคฐเฅ‚เคช เคธเฅ‡ เคชเคขเคผเคจเฅ‡ เคธเฅ‡ เคธเคฎเคฏ-เคธเคฎเคฏ เคชเคฐ เค•เคพเคฐเฅเคฏเฅ‹เค‚ เค•เฅ‡ เคชเฅเคฐเคตเคพเคน เค”เคฐ เคธเฅเคฅเคฟเคคเคฟ เค•เฅ‡ เคฌเคพเคฐเฅ‡ เคฎเฅ‡เค‚ เคญเฅ€ เคœเคพเคจเค•เคพเคฐเฅ€ เคฎเคฟเคฒเคคเฅ€ เคนเฅˆเฅค เคฐเคฟเคกเค•เฅเคธ เคฒเฅ‰เค—เคฐ เค•เคพ เค‰เคชเคฏเฅ‹เค— เค•เคฐเคจเฅ‡ เค•เคพ เค…เค‚เคคเคฟเคฎ เคฒเค•เฅเคทเฅเคฏ เคฌเคกเคผเฅ‡ เค…เคจเฅเคชเฅเคฐเคฏเฅ‹เค—เฅ‹เค‚ เค•เฅ€ เคฐเค–เคฐเค–เคพเคต เคฎเฅ‡เค‚ เคธเฅเคงเคพเคฐ เค•เคฐเคจเคพ เคนเฅˆ, เค”เคฐ เคฏเคน เค‡เคธเฅ‡ เค•เคพเคซเฅ€ เคนเคฆ เคคเค• เคนเคพเคธเคฟเคฒ เค•เคฐเคคเคพ เคนเฅˆเฅค

เคธเค‚เคฌเค‚เคงเคฟเคค เคชเฅ‹เคธเฅเคŸ:

เคŸเคฟเคชเฅเคชเคฃเฅ€ เค•เคฐเฅ‡เค‚