antronic

{
  "info": {},
   "data": [
     {
       "receipt_id": "R012760012",
       "type": "in_debt",
       "timestamp": "1485470001375",
       "cost": 10400
     }
     ]

antronic

return <PokemonInfo pokemonDetail={item} />

antronic

    // 3. set render function
    var render = function() {
        var filterPokemonType = store.getState().pokemonType;
        var filterPokemonAtk = store.getState().pokemonAtk;
        var filterPokemon = filterPokemonByTypeAndMinAtk(allPokemons, filterPokemonType, filterPokemonAtk);

        ReactDOM.render(
                <div>
                    <div>--- Total Filter Pokemon: {filterPokemon.length} ---</div>
                    <ul>

antronic

    // 1. set Reducer function to accept store.dispatch()
    var reducer = function (state, action) {
        var newState = state;
        if (typeof state === 'undefined') {
            return {
                pokemonType: null,
                pokemonAtk: null
            };
        }
        switch (action.type) {

antronic

    // 2. set render function
    var renderPokemonList = function(filterPokemon) {
        $("#filterPokemonCount").html(filterPokemon.length);
        var liStrings = filterPokemon.map(function (item) {
           return "<li>" + item.name + " (Atk: " + item.attack + ", Def: " + item.defense + ")</li>";
        });
        $("#pokemonListUl").html(liStrings);
    }

antronic

    // 1. set Listener for each filter
    $("#pokemonTypeFilter").on('change', function(){
        var filterPokemonType = this.value;
        var filterPokemonAtk = $("#pokemonAtkFilter").val();
        var filterPokemon = filterPokemonByTypeAndMinAtk(allPokemons, filterPokemonType, filterPokemonAtk);
        renderPokemonList(filterPokemon);
    });

    $("#pokemonAtkFilter").on('keyup', function(){
        var filterPokemonAtk = this.value;