mweststrate / mst-course

Lesson sources for "Manage Application State with Mobx-state-tree" course

Sources belonging to the egghead.io course Manage Application State with Mobx-state-tree

Install it by running: yarn install

Use yarn start to start the web application. use yarn run startdb to start the JSON-server (later lessons)

This project was bootstrapped with Create React App.

mst-course's Issues

TypeError: group.users.values(...).map is not a function

I am getting this error in the App.js file
Following is the code

render() {
    const { group } = this.props;
    const selectedUser = group.users.get(this.state.selectedUser);
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="App-title">WishList</h1>
        </header>
        <select onChange={this.onSelectUser}>
          <option>- Select user -</option>
          {group.users.values().map(user => (
            <option key={user.id} value={user.id}>
              {user.name}
            </option>
          ))}
        </select>
        {selectedUser && <WishListView wishList={selectedUser.wishList} />}
      </div>
    );
  }

This is how my index.js file looks

let initialState = {
  users: {
    'a342': {
      id: 'a342',
      name: 'Homer',
      gender: 'm',
    },
    '5fc2': {
      id: '5fc2',
      name: 'Marge',
      gender: 'f',
    },
    '663b': {
      id: '663b',
      name: 'Bart',
      gender: 'm',
    },
    '65aa': {
      id: '65aa',
      name: 'Maggie',
      gender: 'f',
    },
    'ba32': {
      id: 'ba32',
      name: 'Lisa',
      gender: 'f',
    },
  },
};

let group = Group.create(initialState);

function renderApp() {
  ReactDOM.render(<App group={group} />, document.getElementById('root'));
}

@mweststrate can u help me with this ?

ERR_CONNECTION_REFUSED

I am working on this course and if I install and run the repo as-is, for some reason it can't load the db.json on port 3001. I get this error:

GET http://localhost:3001/users net::ERR_CONNECTION_REFUSED........Group.js:37

I'm running it on Ubuntu and have tried multiple node versions.

Am I missing something?