Apprendre React : Mémoisation et useCallback

Подписаться 302 тыс.

Просмотров 11 тыс.

50% 1

Article ► grafikart.fr/t...
Dans React un composant est rendu (le code de sa fonction est exécuté) à chaque fois que son état change ou lorsque le composant parent est re rendu. Cette caractéristique peut mener à des problématiques en terme de performances si certains composant ont une logique de rendu complexe. Aussi certains composants ne changent pas de structure souvent et il est dommage de les rendre systématiquement. Pour éviter ce problème là on va pouvoir utiliser la mémoïsation au niveau du composant grâce à la fonction `memo()`.
Soutenez Grafikart:
Devenez premium ► grafikart.fr/p...
Retrouvez Grafikart sur:
Le site ► grafikart.fr
Twitter ► / grafikart_fr
Discord ► grafikart.fr/t...

Опубликовано:

11 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 12

@frostmichael8360 5 месяцев назад

Incompréhensible qu'un contenu de cette qualité ne soit pas davantage liké. Force !! Et grand Merci !

@yatolife6863 11 месяцев назад

Merci 😇

@fredchess 11 месяцев назад

Salut, je pense qu'il serait vraiment cool de faire une sorte d'analyse comparative entre React js et Vue. Genre prendre des cas pratique et montrer quelle serait la meilleure facon de le faire avec l'une ou l'autres des technos. Je dis cela parce que parfois je trouve certains trucs vraiment penibles a mettre en place avec React 😅 (exemple simple des boucles a la v-for pour vue) mais d'autres fois je trouve que React peut avoir une approche vraiment cool, je prends l'exemple de la video d'hier sur les hooks personnalises que j'ai trouve tres tres interessants.

@ta_pls8767 11 месяцев назад

Il y a sur cette chaîne RU-vid une vidéo qui fait déjà cette comparaison

@fredchess 11 месяцев назад

@@ta_pls8767 La viedeo je la connais , elle parle plus de performances entre les deux fw. Ce que dis c'est beaucoup plus un truc du genre "de vue.js a React" (ou l'inverse) comme il l'a fait avec PHP et js par exemple.

@grafikart 11 месяцев назад

Pour comparer j'aime bien component-party.dev/ ça reprend un peu l'idée que tu as (comparaison entre les frameworks)

@fredchess 11 месяцев назад

@@grafikart Merci je ne connaissais pas cette ressource. Je vais checker

@holyswag1417 11 месяцев назад

Merci pour cette explication j'avais du mal avec le memo, useMemo et useCallback que je n'avais pas bien comprit le fonctionnement.

@sylvain7010 6 месяцев назад

au niveau de la premiere analyse avec le profiler, on voit le rendu des composants. Pourquoi dans la capture de Grafikart on voit pas de visuel sur le rendu du composant Input ? (de mon cote je le vois bien)

@ApprendreSansNecessite 11 месяцев назад

Des fois je me demande pourquoi les gens crachent sur Redux. Découpler la logique et le rendu ça a quand même des avantages. Déjà, je suis pas fan du principe que l'état du système est par défaut symétrique à la structure du DOM.

@ta_pls8767 11 месяцев назад

Ah ! Ça va quoi. Les professeurs de français du dimanche sachez que ça arrive à tout le monde de faire des fautes d'orthographe surtout lorsqu'on a un planning aussi chargé que celui de M. Grafikart.

@fredchess 11 месяцев назад

Je pense qu'il n'y a pas de faute d'oryhographe en fait. Peut etre le " ï " mais encore...