The API layer we want

angular-userList.js

// This one is more or less what you could do in angular 2
import { getUsers } from './userAPI';
import { Component } from 'angular2';

@Component({
  template: '<pre>{{this.users}}</pre>'
});
export class UserList {
  constructor() {
    // for sake of example only, don't call APIs in constructors
    // or store stuff within component
    getUsers().then(this.setUsers);
  }
  
  setUsers = (users) {
    // Does following line trigger diggest loop? I guess not
    this.users = users;
  }
}

react-userList.jsx

// This one is more or less what you could do in react
import { getUsers } from './userAPI';
import { Component } from 'react';

export class UserList extends Component{
  constructor() {
    this.state = {
      users: null
    };
  }
  componentWillMount() {
    getUsers().then(this.setUsers);
  }
  
  setUsers = (users) {
    this.setState({
      users
    });
  }
  
  render() {
    const { users } = this.state;
    return (<pre>{users}</pre>)
  }
}

userAPI.js

// A completely independent + framework agnostic API layer

export function getUsers() {
  return fetch('/users')
    .then(response => response.json())
}

export function getUser(userId) {
  return fetch(`/users/${userId}`)
    .then(response => response.json())
}