Le meetup mensuel autour du JavaScript. Rejoignez-nous sur Discord ➡️ discord.gg/t6t8jhAaVz

Paris, France
Replying to @DelphineBugner
Il fait aussi le cache, les race conditions et fait même revenir l'être aimé
1
1
47
Replying to @DelphineBugner
Parlons de react-query : Query c'est grave votre pote, il gère les trucs pour vous, il vous fournit des hooks, il nourrit votre chat, il va chercher vos données et vos enfants à la sortie de l'école tanstack.com/query/v3
1
2
58
Replying to @DelphineBugner
tl;dr : aller chercher des données c'est fastoche, faire des trucs avec c'est
1
58
Replying to @DelphineBugner
(l'invalidation de cache est laissée en exercice perso aux lecteurs de ces lignes)
1
40
Replying to @DelphineBugner
Allez okay pour ce cas précis vous pouvez envisager de faire un contexte mais j'espère que vous aimez les rerenders intempestifs et les API chiantes à utiliser
1
37
Replying to @DelphineBugner
Encore un autre problème : si vous avez deux composants qui font la même requête ? Si par exemple une des requêtes fonctionne et une autre se plante ? Vous vous retrouvez avec un état visuel incohérent et vous recevez un gros ticket JIRA dans la gueule (oh non)
1
42
Replying to @DelphineBugner
Autre point de galère : la gestion des erreurs. Qui est chaud pour des gros try catch finally de quarante lignes pour aller chercher un json de 5 lignes ?
1
37
Replying to @DelphineBugner
Vous pouvez potentiellement vaguement bricoler des systèmes pour invalider des fetch dans les cleanup functions de useEffect, mais relou enfin je trouve
1
39
Replying to @DelphineBugner
Premièrement : les race conditions Vous n'avez pas de garantie sur l'ordre dans lequel les requêtes seront servies et traitées et vous allez flinguer votre interface
1
35
Replying to @DelphineBugner
Pourquoi est-ce que tout ça ça cause
1
39
Replying to @DelphineBugner
(je fais régulièrement des fetch dans des useEffect, ni dieu ni maître, yolo)
1
1
36
Replying to @DelphineBugner
Alors oui vous pouvez claquer un fetch() dans useEffect si ça vous amuse, je suis pas là pour vous dire ce que vous devez faire
1
1
38
Replying to @DelphineBugner
Fun fact : aucun hook de React n'est dédié au data-fetching, ce qui est curieux parce que c'est sympa d'avoir des données quand même
1
42
Replying to @DelphineBugner
react : view = f(state) voilà si vous ne saviez toujours pas ce qu'est React, vous voilà tenus à jour
1
39
Replying to @DelphineBugner
Le data fetching, sa vie, son œuvre, ses crimes de guerre, ses côtés sympas, ses autres crimes de guerre… tout un programme
1
40
Replying to @DelphineBugner
Et c'est la fin de ce premier talk, on va enchaîner tout de suite avec Lotfi qui va nous parler du fetch dans React et sur pourquoi c'est notre ennemi
1
54
Replying to @DelphineBugner
Bref, tout ça pour dire qu'aujourd'hui si vous utilisez Expo Router, ça devrait aller pour vous
1
42
Replying to @DelphineBugner
(Expo Router c'est NextJS mais pour votre app React Native) (je crois) (je ne fais pas de Native)
1
44
Replying to @DelphineBugner
Tout ça c'était en 2022, heureusement React-Navigation et React-Screens ont (un peu) évolué aujourd'hui, et de toute façon Meta recommande d'utiliser Expo Router à la place
1
41