Commit 295cfa95 authored by Robert Hostlowsky's avatar Robert Hostlowsky

Update client.md

parent 4d00e812
# Introduction
In diesem Teil werden wir den Server aus Teil 1 nutzen, um Spotify Daten auf einem Mobilen Gerät in einer ReactNative App zu laden.
![client im iOS Simulator](https://blog.codecentric.de/files/2017/11/spotify-expo-artists-marilyn.png)__Teaser :-)__
Als ich neulich an Board eines Flugzeuges einen Internetzugang über eine Sateliten-Verbingung nutzen konnte, war ich überrascht, wie sich "Internet anfühlt", wenn Antwortzeiten deutlich spürbar werden.
Selbst heutige Mobilfunkverbindung fühlen sich gewöhnlich schneller an...
Es ist aber nicht die Übertragung, denn sie ist schnell, sondern die Verzögerungen bis zum Verbindungsaufbau und bis zur eintreffenden Antwort.
<!--
~~Hier ist mir auch sofort eingefallen, dass ein n+1 REST Ansatz im Web-Client hier eine schlechte Wahl ist, aber dieses Problem auf einfache Art mit GraphQL gelöst, indem nur ein Austausch notwendig ist.~~
GraphQL im Client:
* einfach zu integrieren
* speed up durch Schema
-->
In diesem Artikel soll gezeigt werden, wie einfach die **Client-seitige Entwicklung** mit GraphQL in der **Zwischenschicht** ist.
Es kann die Front- und Backend- Teams helfen, einen **technischen Kontrakt** festzulegen, und den Kommunikations - overhead zu verringern.
......@@ -23,8 +29,9 @@ Als **Beispiel** soll uns eine App zur Abfrage der Spotify Musikdatenbank dienen
Für eine schnelle Umsetzung - in wenigen Minuten - können wir Expo, also React Native.
- Architektur: vom Client aus gibt es nur noch eine Abhängigkeit zu einem Server Endpoint, die Schnittstelle ist durch ein Schema festgelegt, validierbar.
<!--
?? Trennung der Aspekt wie Fetching, Error handling und Caching ausserhalb der Business Logik Sogenannte Colocation ermöglicht, das Mapping und das Festlegen, was geladen werden soll
-->
# GraphQL im client mit Apollo und React
## Apollo Grundlagen
......@@ -38,9 +45,9 @@ Diese Komponenten stehen zu Verfügung:
* ApolloClient: Verbindung von Cache und Netzwerk Stack/Link
* ApolloLink: Netzwerk Verbindung und Schnittstelle zum GraphQL Server
* InMemoryCache: Client seitiger GraphQL Cache
* ApolloProvider XXX
* ApolloProvider XXX ...
Durch die neuen Komponenten, wird es möglich, zum Beispiel eine Offline-Unterstützung hinzuzufügen
SIEHE XXX,
siehe XXX,
...oder auch den Cache bei Neustart mit einem Zwischenstand zu füllen... XXX
#### Installation der Bibliotheken und Integration in React
......@@ -158,8 +165,6 @@ Diese kann jetzt im iOS Simulator genutzt werden. Am einfachsten funktioniert es
exp ios # oder unter Windows: exp android
```
![client im iOS Simulator](https://blog.codecentric.de/files/2017/11/spotify-expo-artists-marilyn.png)__Teaser :-)__
Auf dem Smartphone kann der QR Code in der Expo App eingescannt werden, so dass auch auf einem
nativen Gerät getestet werden kann.
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment