Public Library

Plain JS Bidirectional Association Example App

An example of a front-end web app with bidirectional association management, built with plain JavaScript

This app, which is accompanied by a tutorial, is the 5th example app of our incremental sequence of six examples of Plain JS Front-End Web Apps.

This app supports the following operations:

  • For playing with the app, you may first want to and then view it (e.g. by choosing "Manage books" and then "List all books").

    This example app for Part 4 of our 5-part tutorial takes care of the object types Author, Publisher and Book as well as the bidirectional associations between Book and Author and between Book and Publisher. The app supports the four standard data management operations (Create/Retrieve/Update/Delete). It extends the example app of Part 3 by adding code for handling derived inverse reference properties, but it needs to be extended by adding subtype (inheritance) relationships between object types, as explained in our other Plain JS Front-End Web Apps tutorials.