Ce projet affiche une liste de posts avec leurs titres et montre les détails d'un post sélectionné, y compris l'ID et le titre. Les données sont récupérées via une API GraphQL et gérées via Redux.
L'application permet aux utilisateurs de :
- Voir une liste de posts avec une limite de 30 éléments.
- Cliquer sur un post pour voir ses détails (ID et titre).
- Utiliser Redux pour la gestion de l'état afin de passer des paramètres entre la liste et l'écran de détail.
- URL de Base: https://graphqlzero.almansi.me/
- Requête: Obtenir Tous les Posts
- Démarrage Rapide
- Fonctionnalités
- Technologies Utilisées
- Configuration
- Exécution du Projet
- Captures d'Écran
Pour commencer avec ce projet, suivez les instructions ci-dessous :
-
Cloner le Dépôt :
git clone https://github.com/Zaim211/Test-React-native-graphQL-redux.git cd test-react-native
-
Installer les Dépendances :
npm install npm install -g expo-cli npm install @reduxjs/toolkit react-redux @apollo/client graphql
-
Démarrer le serveur de développement Expo :
npm start
-
Ouvrir l'application Expo sur votre appareil mobile ou émulateur et scanner le code QR fourni par le serveur de développement.
-
Naviguer dans l'application pour voir la liste des posts et les détails.
- Affichage des Titres des Posts : Liste jusqu'à 30 posts.
- Vue des Détails du Post : Affiche les détails (ID et titre) d'un post sélectionné.
- Gestion de l'État : Utilise Redux pour gérer et passer les données entre les écrans.
- Intégration GraphQL : Récupère les données en utilisant des requêtes GraphQL.
- Frontend: React Native
- Gestion de l'État: Redux
- API: GraphQL
- Styling: Styles personnalisés avec React Native