Fetch

API pubblica del Cinema

Vogliamo interfacciarci all'API pubblica del sito del Cinema don Bosco.

Installiamo questa estensione di Chrome:

Endpoint che restituisce la lista di tutti i film in programmazione:
https://cinema.donboscosandona.it/movie/featured.json

Endpoint che restituisce i dati completi del singolo film:
https://cinema.donboscosandona.it/movie/show/316.json
(nell'esempio passiamo l'id del film 316).


Lettura dei dati da React

Importiamo i componenti necessari:

Carichiamo i dati dei film nel componente Home e mostriamo l'indicatore di caricamento solo fino a quando non sono arrivati tutti. Dopodiché mostriamo la lista dei film:


Approfondimenti:
https://reactnative.dev/docs/network
https://reactnative.dev/docs/activityindicator