Entry HoC

entry_hoc.jsx

import React from 'react';
import UserList from 'user_list';
import PokemonList from 'pokemon_list';
import listWrapper from 'list_wrapper';

$(function() {
  function renderList(ListComponent, $domNode) {
    var List = listWrapper(ListComponent);
    
    ReactDOM.render(<List />, $domNode[0]);
  }
  
  function render() {
    var userList = $('#user-list'),
      pokemonList = $('#pokemon-list');

    if (userList.length > 0) {
      renderList(UserList, userList);
    }

    if (pokemonList.length > 0) {
      renderList(PokemonList, pokemonList);
    }
  }

  render();
});