Prompt for the NetzartApp

Please create a React-JS application for the NetzartModule. The application  has to offer the following views for the user interface: 
    1. KoppelleitungView 
    2. NetzartView 
    3. UmspannwerkNetzartView 
The views have to be reachable for the user via a menu list at the left side of each view. The requirements for the 3 views are defined below.

1. The KoppelleitungView must contain the following fields: 
    - name: ArealNach   type: Areal 
    - name: ArealVon   type: Areal 
    - name: Beschreibung   type: STRING 
    - name: LeitungslaengeKm   type: STRING 
    - name: Name   type: STRING 
    - name: Umspannwerk   type: Umspannwerk 
The data source for the [ArealVon] select control should be loaded from the relative URL: 
    "/UmspannwerkService/areal"   (HTTP-GET) 
The data source for the [Umspannwerk] select control should be loaded from the relative URL: 
    "/UmspannwerkService/umspannwerk"   (HTTP-GET) 
The data source for the [ArealNach] select control should be loaded from the relative URL: 
    "/UmspannwerkService/areal"   (HTTP-GET) 
An existing Koppelleitung entity should be loaded from the relative URL: 
    "/NetzartService/koppelleitung/{id}"   (HTTP-GET) 
If a new Koppelleitung entity has been created, the new entity should be posted to the relative URL: 
    "/NetzartService/koppelleitung"   (HTTP-POST) 
If an existing Koppelleitung entity has been updated, the modified entity should be sent to the relative URL: 
    "/NetzartService/koppelleitung/{id}"   (HTTP-PUT) 
If an existing Koppelleitung entity has to be deleted, the following relative URL should be called: 
    "/NetzartService/koppelleitung/{id}"   (HTTP-DELETE)

2. The NetzartView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Name   type: STRING 
An existing Netzart entity should be loaded from the relative URL: 
    "/NetzartService/netzart/{id}"   (HTTP-GET) 
If a new Netzart entity has been created, the new entity should be posted to the relative URL: 
    "/NetzartService/netzart"   (HTTP-POST) 
If an existing Netzart entity has been updated, the modified entity should be sent to the relative URL: 
    "/NetzartService/netzart/{id}"   (HTTP-PUT) 
If an existing Netzart entity has to be deleted, the following relative URL should be called: 
    "/NetzartService/netzart/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following UmspannwerkNetzart columns: 
    - column: Umspannwerk 
    - column: Netzart 
The table should have the title "UmspannwerkNetzarts" und the data must be loaded from the server with the following relative URL: 
    "/NetzartService/umspannwerknetzart/netzart/{id}"

3. The UmspannwerkNetzartView must contain the following fields: 
    - name: Netzart   type: Netzart 
    - name: Umspannwerk   type: Umspannwerk 
The data source for the [Netzart] select control should be loaded from the relative URL: 
    "/NetzartService/netzart"   (HTTP-GET) 
The data source for the [Umspannwerk] select control should be loaded from the relative URL: 
    "/UmspannwerkService/umspannwerk"   (HTTP-GET) 
An existing UmspannwerkNetzart entity should be loaded from the relative URL: 
    "/NetzartService/umspannwerknetzart/{id}"   (HTTP-GET) 
If a new UmspannwerkNetzart entity has been created, the new entity should be posted to the relative URL: 
    "/NetzartService/umspannwerknetzart"   (HTTP-POST) 
If an existing UmspannwerkNetzart entity has been updated, the modified entity should be sent to the relative URL: 
    "/NetzartService/umspannwerknetzart/{id}"   (HTTP-PUT) 
If an existing UmspannwerkNetzart entity has to be deleted, the following relative URL should be called: 
    "/NetzartService/umspannwerknetzart/{id}"   (HTTP-DELETE)