"description": "create a new `const reducers` and set it equal to \"reducer\". Pass \"reducers\" into your store for now, instead of \"reducer\". We'll use combineReducers shortly, but let's not break the app yet.",

"description": "We're going to create more than one reducer. They can't all be called \"reducer\", so rename your original reducer \"pokemon\". Make sure to set reducers equal to the new name as well.",

"description": "import `combineReducers` from redux",

"Try this: `import { combineReducers } from 'redux';`"

"description": "combineReducers(), and pass in your reducer ({ pokemon })",

"Try this: `const reducers = combineReducers({pokemon});`"

"description": "We're going to shake things up now to make our reducers more composable. Set the initial state inside of your `createStore` to simply be an empty object (`{}`)",

"description": "Thanks to `combineReducers` we can now define the initial state inside of each reducer. Get rid of \"initialState\", but keep the \"pokemon\" key and call it \"defaultPokemon\". It should be an array with three pokemon. Finally, pass the `defaultPokemon` as the default state in the pokemon reducer. You can use ES6 default params.",

"Like this: `const defaultPokemon = [{ id: 1, name: 'Luvdisc', ...`",

"Default params work like this: `fn(param1 = defaultParam, param2)`",

"Like this: `const pokemon = (state = defaultPokemon, action) => {`"

"description": "We no longer pass the entire \"state\" inside of our reducers, only the slice of our state the reducer needs to know. Rename all references to \"state\" inside of your \"pokemon\" reducer to what it really is now: \"pokemon\".",

"Change three references to \"pokemon\" in your pokemon reducer",

"Third: `default: return pokemon;`"

describe('03 combineReducers', () => {

const combineReducers = indexJs.__get__('combineReducers');

it('should be loaded', () => {

expect(combineReducers).to.not.be.undefined;

describe('04 reducers', () => {

it('should call "combineReducers"', () => {

// combineReducers calls a function "combination"

const regex = /function combination/;

const string = reducers.toString();

expect(string).to.match(regex);

});

it('should call "combineReducers" with { pokemon }', () => {

// combineReducers creates a new state with key values

// matching the passed in reducers

const keys = Object.keys(store.getState());

expect(keys.includes('pokemon')).to.be.true;

describe('05 stores initial state', () => {

it('should be declared', () => {

// the state will become greater after we declare our pokemon,

// but for now let's make sure the state is just an empty object

if (process.env.TASK_POSITION === '4') {

expect(store.getState()).to.deep.equal({});

}

describe('06 defaultPokemon', () => {

it('doesn\'t exist', () => {

expect(defaultPokemon).to.not.be.undefined;

});

it('should be a list of three pokemon', () => {

expect(defaultPokemon).to.have.length(3);

});

it('should have the full pokemon data from before', () => {

expect(defaultPokemon[0].name).to.equal('Luvdisc');

});

it('should be the default param for state in the pokemon reducer', () => {

expect(pokemon(undefined, { type: 'ANY' })).to.deep.equal(defaultPokemon);

describe('07 "pokemon" reducer', () => {

it('should reference "pokemon", not "state"', () => {

const regex = /state/;

const string = pokemon.toString();

expect(string).to.not.match(regex);

});

it('voteUp should still work', () => {

const first = defaultPokemon[0];

const target = first.votes + 1

const next = pokemon(undefined, { type: 'VOTE_UP', payload: { id: first.id } });

expect(next.pokemon[0].votes).to.equal(target);

+ create a new `const reducers` and set it equal to "reducer". Pass "reducers" into your store for now, instead of "reducer". We'll use combineReducers shortly, but let's not break the app yet.

+ We're going to create more than one reducer. They can't all be called "reducer", so rename your original reducer "pokemon". Make sure to set reducers equal to the new name as well.

+ import `combineReducers` from redux

@hint('Try this: `import { combineReducers } from 'redux';`')

+ combineReducers(), and pass in your reducer ({ pokemon })

@hint('Try this: `const reducers = combineReducers({pokemon});`')

+ We're going to shake things up now to make our reducers more composable. Set the initial state inside of your `createStore` to simply be an empty object (`{}`)

+ Thanks to `combineReducers` we can now define the initial state inside of each reducer. Get rid of "initialState", but keep the "pokemon" key and call it "defaultPokemon". It should be an array with three pokemon. Finally, pass the `defaultPokemon` as the default state in the pokemon reducer. You can use ES6 default params.

@hint('Like this: `const defaultPokemon = [{ id: 1, name: 'Luvdisc', ...`')

@hint('Default params work like this: `fn(param1 = defaultParam, param2)`')

@hint('Like this: `const pokemon = (state = defaultPokemon, action) => {`')

+ We no longer pass the entire "state" inside of our reducers, only the slice of our state the reducer needs to know. Rename all references to "state" inside of your "pokemon" reducer to what it really is now: "pokemon".

@hint('Change three references to "pokemon" in your pokemon reducer')

@hint('Third: `default: return pokemon;`')