Лучшие практики по работе с Context API в React приложении

Разбираемся как оптимизировать React приложение при работе с Context API: как лучше организовать код с добавлением кастомных хуков, и какую технику применить, чтобы избежать лишних рендеров там, где это не требуется.

Мои курсы по вебу с купонами:

Мой телеграм-канал:

📢 Поддержка канала:

[liganshow]

В целом так и делаем) И приходим к contexts hell) Потому что если какой то модуль имеет немного больше логики, которую мы еще инкапсулируем в кастомные хуки, просто что бы разделить разные части логики в отдельных местах, то получается что у нас много values меняются в не зависимости друг от друга. Я как то писал на React компонент таблицы, и вышел этот компонент большим, много пропсов и тд...Вышло больше 10 контекстов, что бы это происводительно работало.

[sergejserdjukow]

Магия разработки! 🔥 Пошёл оптимизировать приложения. Спасибо за полезный и годный контент! 👍

[Roman-knkt]

Михаил вы невероятно крутой учитель !! Спасибо вам !!

[АлександрСкиталец-цр]

В React 19 не будет вроде как мемоизации? Разделять на два контекста это хорошая идея.

[artyomtaranenko]

Первый раз такой подход видел в докладе Яндекса. Надеюсь 19 версия с компилятором изменит оптимизацию

[shurinskiy]

Спасибо, за отличный материал!
Миша, такое впечатление, что тебе необходимо отдохнуть, недельки три. Кажется, ты себя загоняешь

[grandmaster-yo-yo]

Подскажите а зачем делать useMemo на todos, totalTodos? Ведь мы оптимизировали ререндеринг отдельной тудушки за счет контекста экшенов, но todos и totalTodos будут всегда меняться и memo не поможет. Верно?

[Jen]

Если вам нужно работать с парочкой модалок и изменять тему - не ставте себе zustand либо ещё какой нибуть стм.Контекста хватит

[ОлегНизиёв-рж]

Можно еще сделать видео Redux vs Context. Где, что и когда использовать, какой от этого профит. С удовольствием бы посмотрел !

[Алексей-шэл]

Михаил, здравствуйте! Вы планируете обновлять свой курс по React 18? Вы классно объясняете, хотелось бы у вас поучиться!

[denisyarmoshko]

Михаил, немного не туда вопрос, но все же: подскажите. У вас было легкое видео по rtk-query. Скажите, есть ли возможность делать ревалидацию запроса только при положительном ответе, а не постоянно (invalidate)

[nikitashelest]

как-то много плясок с бубном, почему во Vue все вроде как работает сразу? нужно пояснение, срочно

[g_prgv]

На первом этапе: зачем оборачивать в useCallback, если потом не использовать эти функции как зависимость?

[romanmed]

а как обратиться к контексту в файле запросов, который содержит вызовы аксиос? теоретически вызовы идут из компонент которые обернуты провайдером, но почему-то в этом файле контекст оказывается недоступен. так и должно быть или я что-то не правильно сделал и искать у себя ошибку?

[DikWZD]

Михаил, что вы думаете про websim ai?
Спасибо

[from_brest]

Есть такая тема с разделением на гетеры/сетеры

[dkuba]

иногда бывает что не писать memo гораздо дешевле чем писать memo. Работает ли это так же и здесь?

[pavel]

Капец! Работая с Реакт об всей этой оптимизации постоянно нужно думать… Во Vue это уже сделано! Расскажите еще почему useState изменяеться асинхронно? И это большая проблема!!!

[TeeBKECH]

Спасибо за видео! На 13:59 есть оговорка, речь идет про редакс на сколько я понял

[alexeyfilippov]

Михаил расскажите про зустанд в нексте