(Medium) Front-End Separation

RenameFullNameToHeader.diff

//=============================
// THE API BACK-END PROJECT
//=============================

+ // Internal code inside the Server:
+ // const fullName = 'John Doe';
+ // ...
+ // sendResponse({ header: fullName, ... });

- // GET /user-details
+ // GET /todo-list-page
- const userDetailsParsedResponseBody = {
+ const todoListPageResponseBody {
+ header: 'John Doe',
+ ...
};

// ...

//=============================
// THE CLIENT FRONT-END PROJECT
//=============================

// ...

render() {
-   const userDetails = this.props.userDetails;
+   const todoListPage = this.props.todoListPage;
    return <section>
-      <h1>{userDetails.fullName}</h1>
+      <h1>{todoListPage.header}</h1>

// ...