rootReducerってなんですか？

Question

https://github.com/reduxjs/redux/tree/master/examples/todos

こちらのサンプルプロジェクトでReduxの勉強をしているのですが、
プロジェクト直下のindex.js

import React from 'react'
import { render } from 'react-dom'
import { createStore } from 'redux'
import { Provider } from 'react-redux'
import App from './components/App'
import rootReducer from './reducers'

const store = createStore(rootReducer)

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

この中の"rootReducer"の出どころがわかりません。
定義へ飛ぶと

import { combineReducers } from 'redux'
import todos from './todos'
import visibilityFilter from './visibilityFilter'

export default combineReducers({
  todos,
  visibilityFilter
})

reducersディレクトリ のindex.jsの中のexport defaultが指定されます。
このrootReducerはなんらか自動で設定されるものなのでしょうか？

ググっても明示的にrootReducerという定数を用意しているものしか見つからず。
お力添えいただけると幸いです。

Answer 1

JavaScript では export default したものは import の際に好きな名前で受け取れます。index.js で

import App from './components/App'
import rootReducer from './reducers'

としてますが、App に関しては export したのと (たぶん) 同じ名前で受け取ってるけど、reducers.js では combineReducers 関数の結果を名前をつけずに export してるので、受け取り側で勝手に rootReducer という名前をつけて受け取ってるだけです。
参考: エクスポートとインポート - 現代の JavaScript チュートリアル

Comments

[panchan817]

なるほど！！！
fromでディレクトリ を指定した場合はそのディレクトリ の中のindex.jsが指定される
その中のexport defaultはimportするときに勝手に名前を付けられる
ということでしょうか

[hoshi-takanori]

そういうことです。rootReducer という名前なのはそのアプリで使われるすべての reducer を束ねたものだからですね。

[panchan817]

大変助かりました！ありがとうございます！