Apprendre à lire le code de Halterofit
Ton app fonctionne déjà. Le but ici n'est pas de la réécrire — c'est de savoir la lire, la comprendre et la modifier en autonomie, et au passage d'acquérir des réflexes transférables à n'importe quel projet React Native / TypeScript.
Pour toi : ton JavaScript est correct, mais React est encore flou — surtout
useState, useContext, useMemo et memo
(« je ne saisis pas encore comment les appliquer »). On part donc de là, on ne perd pas
de temps sur les bases JS, et chaque exemple est du vrai code de Halterofit,
décortiqué ligne par ligne.
Tu liras ça pendant tes shifts, sur ton téléphone, sans accès à ton code. Donc tout le code dont tu as besoin est directement dans la page. Aucun « ouvre tel fichier » : tu lis, tu comprends, tu t'auto-évalues, tout depuis ce document.
Comment ce guide est construit
Chaque module suit toujours le même rythme. Voici les encadrés que tu vas rencontrer :
L'idée générale, expliquée simplement et de façon transférable. Le pourquoi avant le comment.
Le concept appliqué dans ton vrai code, avec des commentaires en français sur chaque partie importante.
Un extrait + une question. Tu réfléchis d'abord, puis tu déplies le corrigé.
Voir le corrigé
Le corrigé détaillé apparaît ici. Essaie toujours de répondre avant d'ouvrir.
Une question de rappel ?
La réponse, repliable. Le simple fait d'essayer de te souvenir ancre l'apprentissage.
Le résumé condensé du module — la version « si tu ne dois retenir que ça ».
L'erreur classique que font les débutants sur ce sujet, pour que tu l'évites.
Où tu réutiliseras cette notion ailleurs — pas seulement dans Halterofit.
Le plan du cours
17 modules, regroupés en 6 temps : une méthode de lecture, les fondations du langage (JavaScript et TypeScript), le cœur de React, le stack mobile (React Native, Expo, outillage), l'architecture de ton app, les données (base locale et backend), et une synthèse qui relie tout. Suis l'ordre la première fois ; reviens piocher ensuite.
Pour commencer
Fondations
?., ??, et surtout l'asynchrone : promesses et async/await.Omit / Partial. Faire des types un allié plutôt qu'un mur.React
Le stack mobile
app.json, dev client vs Expo Go, builds EAS.Architecture de l'app
app/, components/, hooks/, services/, stores/… et pourquoi.(auth) / (app), les routes dynamiques et la garde d'authentification.