Вот и как это понимать, кто решил или есть мысли на этот счёт?:)

Вопрос по задаче

Оптимизация приложения

React, 10 уровень, 1 лекция

Обсуждается

Оптимизируйте приложение `TaskList`, чтобы:

1. Компоненты `TaskItem` не рендерились повторно, когда поле ввода обновляется (используйте `React.memo`).

2. Устранить ненужные пересчёты фильтрации списка задач (примените `useMemo`).

Проверьте ваши изменения с помощью профилировщика - количества рендеров и времени выполнения должно уменьшиться.

Требования:

Компонент `TaskItem` должен быть обёрнут в `React.memo`, чтобы предотвратить его повторный рендеринг при обновлении поля ввода, если пропсы компонента не изменились.
Для фильтрации списка задач необходимо использовать хук `useMemo`, чтобы избежать ненужных пересчётов фильтрации при каждом рендере.
Необходимо использовать профилировщик React DevTools для анализа количества рендеров и времени выполнения, чтобы убедиться, что оптимизация была успешной.

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>React App</title> </head> <body>  <div id="root"></div>  <script type="module" src="/src/main.tsx"></script> </body> </html>

Комментарии (2)

популярные
новые
старые

Для того, чтобы оставить комментарий Вы должны авторизоваться

wersiv

Уровень 5

21 октября, 03:33

На джаве делай мне питон не нравится даже проверять не буду

-1

ЕвгенийРаботает в Новосибирск

21 октября, 03:53

Твоя подсказка как лопух на ссадину, бессмысленный и беспощадный😁