Je viens de faire le tour des meilleurs outils de debug RN… – Armand PETIT📱

Armand PETIT📱

Expert React Native & Expo

Generated by linktime

20 65 Comment on LinkedIn

June 27, 2025

Je viens de faire le tour des meilleurs outils de debug RN Y’en a un, c’est carrément un IDE complet dans ton VSCode. Quand tu bosses en React Native, t’as deux problèmes : 1. Tu switches en boucle entre ton éditeur, ton simulateur, la console, DevTools… 2. Tu perds un temps fou à retrouver l’origine d’un bug visuel ou d’un appel réseau foireux. Alors j’ai comparé les 4 outils qui valent vraiment le détour : → 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗗𝗲𝘃𝗧𝗼𝗼𝗹𝘀 Le nouveau debugger par défaut depuis RN 0.76. Inspiré de Chrome, il te permet d’inspecter logs, erreurs, composants, mémoire, perf… Mais le network inspector est instable, et tout tourne dans une fenêtre à part. Pas ultra fluide pour un usage quotidien. → 𝗥𝗲𝗮𝗰𝘁𝗼𝘁𝗿𝗼𝗻 Un bon vieux classique signé Infinite Red. Idéal pour traquer ton Redux store, ton AsyncStorage, tes requêtes réseau. Mais il faut ajouter du code spécifique dans ton app. → 𝗫𝗰𝗼𝗱𝗲 & 𝗔𝗻𝗱𝗿𝗼𝗶𝗱 𝗦𝘁𝘂𝗱𝗶𝗼 Indispensable pour les crashs natifs ou les bugs de perf bas niveau. Mais inutile côté JS ou UI React Native. Et puis y’a la pépite : 𝗥𝗮𝗱𝗼𝗻 𝗜𝗗𝗘 C’est pas juste un outil. C’est une extension qui transforme ton VSCode en cockpit React Native : - Tu cliques sur un log → ça t’ouvre la ligne dans le code - Tu cliques sur un élément dans le preview → ça t’ouvre le composant - Tu switches de route en un clic grâce à Expo Router intégré - Tu simules Face ID, dark mode, taille système directement dans le simulateur - Et tu peux même coder tes composants en isolation, façon Storybook Tout ça, sans quitter ton éditeur. Tu codes. Tu débugs. Tu restes focus. Si tu utilises Expo, c’est littéralement le combo parfait. Et y’a un essai gratuit de 30 jours — franchement, t’as aucune raison de ne pas tester. En résumé : - Tu veux aller vite ? Radon IDE - Tu veux analyser ton flow Redux ? Reactotron - Tu veux profiler ton JS ? RN DevTools - Tu veux traquer un crash natif ? Xcode / Android Studio À toi de choisir ton arsenal. Mais moi, je reste dans mon VSCode.

65 Likes

20 Comment on LinkedIn

June 27, 2025

Discussion about this post

Kaba CONDÉ

Product Engineer | Développeur Fullstack Node • React

2 months ago

Radeon IDE c'est carrément le combo parfait pour rester focus et coder efficacement

Sammy Azdoufal

GPU poor

2 months ago

🙏 🙏 🙏

Ronan Jaffré

Développeur Senior ReactJS NextJS | NodeJS NestJS

2 months ago

Radon c’est clairement le chaînon manquant entre DX fluide et débug natif maîtrisé

Top
Latest

J'ai reçu ce message d'un recruteur aujourd'hui. Il résume parfaitement ce qui cloche dans le processus de recrutement tech. Peu importe votre passion, vos projets persos ou vos compétences réelles. Seul le nombre d'années compte. Ce qui signifie qu'un développeur qui a : → Fait uniquement de la maintenance pendant 6 ans → N'a jamais déployé sur les stores → N'a jamais construit de backend ...sera toujours considéré comme meilleur que moi qui ai : → Développé et publié 2 applications mobiles complètes → Construit des architectures backend scalables → Résolu des problèmes de performance critique en production. La motivation? Inutile. Les projets personnels? Sans valeur. Les compétences réelles? Secondaires. Et après, on va me faire passer un test technique sur Coding Game pour vérifier si je sais coder... Le recrutement tech est cassé. Il faut l'admettre et le réparer.

"Prends OVH, c'est français." Oui, mais encore faut-il que le produit soit à la hauteur. On me reproche d'utiliser AWS. Une solution américaine plutôt que française. Mon patriotisme doit-il dicter mes choix technologiques ? Aujourd'hui, AWS me permet de : - Bénéficier d'une infrastructure performante à moindre coût. - Accéder à une gamme de services plus étendue que celle proposée par OVH. Le gouvernement a même créé le label "Cloud de Confiance". Ce label permet : → À des acteurs étrangers d'être considérés comme équivalents aux entreprises françaises. → D'utiliser des solutions internationales tout en respectant les exigences françaises de souveraineté des données. → De certifier officiellement la fiabilité de certains clouds non français. Alors, pourquoi se limiter ? Ne soyez pas patriote à vos dépens. Soyez exigeant pour votre business.

Expo vient de frapper un grand coup. Tu peux maintenant déployer ton app mobile depuis un SAAS. Tu te souviens du temps où shipper une app iOS nécessitait : - un Mac - Xcode - des certificats Apple - une config manuelle d’App Store Connect - un café bien serré et quelques sueurs Même avec EAS, tu devais encore passer par la CLI. Autant dire que les PM, QA ou designers restaient sur la touche. Et que les devs perdaient du temps pour de simples builds de test. Evan Bacon vient de montrer quelque chose qui change la donne. Avec launch.expo.dev, tu peux : → coller l’URL GitHub de ton projet → cliquer sur “Launch” → laisser la plateforme créer ton app côté Apple, signer ton code, build, et soumettre sur TestFlight → recevoir l’invitation sur ton iPhone quelques minutes plus tard Le tout, sans ouvrir un terminal. Depuis un navigateur. Sur Windows, sur mobile… ou même sur une Nintendo Switch. Ce n’est pas juste un raccourci. C’est une nouvelle manière de shipper : - Aucun setup local requis - Aucune CLI à apprendre - N’importe qui dans l’équipe peut déclencher une release - Une app testable en quelques minutes via TestFlight - Et une version web déployée en bonus si tu veux Launch.expo.dev, c’est EAS pour les humains. C’est le dernier kilomètre, enfin automatisé. Evan Bacon l’a dit simplement : “It has never been easier to build and submit an iOS app.” Difficile de dire le contraire. Crédit : Evan Bacon

August 22, 2025

2016 : Airbnb adopte React Native 2018 : Airbnb revienne sur du natif. La vérité crue sur l'abandon de React Native. Une histoire qui a marqué le monde du développement mobile. En 2016, Airbnb fait un pari audacieux : unifier ses équipes iOS et Android avec React Native. Objectif : développer plus vite, avec moins de code. Au pic de leur adoption, 70% de l'application était développée avec React Native. Un investissement massif. Mais la réalité fut complexe : 1. Problèmes rencontrés → Performances limitées sur fonctionnalités complexes → Difficultés de mise à jour → Nécessité de développer des infrastructures supplémentaires 2. Résultats du sondage interne → 60% des développeurs ont adoré l'expérience → 74% envisageraient à nouveau React Native → Malgré ces chiffres, des frustrations persistent 3. Décision finale → Retour au développement natif → Arrêt des nouveaux développements React Native → Transition progressive vers des technologies natives L'histoire n'est pas un échec. C'est un apprentissage. React Native en 2025 ? Un monstre de performances. (Pour les rageux) vos arguments de 2018 sont obsolètes. L'innovation ne s'arrête jamais.

T’es dev mobile ? Prouve-le. Reproduis cette animation. 50€ à la clé. Un seul gagnant. J’aurais adoré coder cette animation vue dans l’app Finary. Mais j’ai pas le temps. Alors je transforme l’idée en défi. Voici les règles : → Tu reproduis l’animation, dans le framework que tu veux : React Native, Flutter, natif… même Ionic si t’oses. → Tu postes un commentaire sous ce post avec : 1. Le lien vers une démo (Loom, YouTube, etc.) 2. Le lien vers ton GitHub Deadline : 𝘃𝗲𝗻𝗱𝗿𝗲𝗱𝗶 6 𝗷𝘂𝗶𝗻 à 𝗺𝗶𝗻𝘂𝗶𝘁. Le projet le plus propre, le plus fidèle, le plus fluide repart avec 50€. Critères de jugement : - Fidélité à l’animation originale - Propreté et clarté du code - Fluidité, responsivité Je jugerai personnellement chaque projet. Besoin de plus d’infos ? Regarde la vidéo que j’ai ajoutée au post. Tout y est. Et si tu veux m’aider à faire décoller ce défi, repartage ce post. Plus il circule, plus il y aura de participants… et plus le gagnant pourra être fier. Pas besoin d’être une rockstar. Juste d’aimer builder. À toi de jouer.