#usecallback — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #usecallback, aggregated by home.social.
-
Заметки фром реакт документейшен | React: грабли, о которые я спотыкалась. Часть 1
React я использую совсем недавно и вообще я бэкенд разработчик, но жизнь завела меня во фронтенд. Получилось так, что времени на обучение и курсы у меня не было, пришлось обучаться прямо в процессе. Мой принцип был "работает и ладно", но принципы нормального фронтенда явно отличались. Шишек я набила знатных с точки зрения чистоты и логики кода. Это статья для таких же новичков, как я. Представляю вам сборник граблей, о которые я спотыкалась сама, и решений к этим граблям, которые родились после нескольких часов дебага и внимательного изучения документации (спустя пол года во фронтенде пора бы, да?)
https://habr.com/ru/articles/1066444/
#React #useState #useEffect #useCallback #useMemo #useRef #Reactmemo #StrictMode #Concurrent_Mode #фронтенд
-
Тихие сбои React Compiler и как их исправить
React Compiler обещает избавить от ручной мемоизации и вернуть разработчику фокус на логику интерфейса. Но за этой когнитивной разгрузкой скрывается тонкий риск: в ряде случаев компилятор тихо откатывается к обычному поведению React, и вы узнаёте об этом только по деградации UX. В статье — практический разбор «тихих» сбоев, ограничений синтаксиса и способа заставить сборку честно сигнализировать о проблемах через ESLint. Разобрать проблему
https://habr.com/ru/companies/otus/articles/996174/
#React_Compiler #производительность_React #ререндеры #мемоизация #useMemo #useCallback #ESLint
-
Как тестировать хуки в React с @testing-library/react-hooks
Привет, Хабр! Сегодня рассмотрим, как тестировать React‑хуки с помощью @testing-library/react-hooks .
https://habr.com/ru/companies/otus/articles/923214/
#react #React_Hooks #Тестирование_React #Юниттесты #Хуки #useState #useCallback
-
Я наконец-то разобрался, зачем действительно нужны useMemo и useCallback в React
Я занимаюсь фронтенд разработкой на React последние 6 лет (в роли full-stack разработчика). Я знал и слышал, что существуют хуки useCallback и useMemo , которые нужны для оптимизации рендеринга. При этом про их использование я слышал только в теории или на собеседованиях. И вот мы в проекте столкнулись с задачей, когда приложение начинает тормозить и его нужно оптимизировать. В решении нашей проблемы эти два хука дали необходимый эффект, который действительно помог ускорить рендеринг. Об этом расскажу ниже.
-
Взгляд с другой стороны на useMemo, useCallback и React.memo в React: когда их стоит использовать
Оптимизация производительности React приложений — важная часть разработки, особенно когда речь идет о сложных интерфейсах. В основном разработчики лишь краем уха слышат о необходимости использования хуков useMemo, useCallback и React.memo для оптимизации кода. Но если бездумно использовать их, то можно даже навредить вашему приложению В этой статье я попытаюсь разобрать, когда действительно стоит использовать useMemo, useCallback и React.memo, а когда их использование излишне. Мы изучим каждый из хуков, их влияние на рендеринг компонентов в React, а также рассмотрим практические примеры с подробными объяснениями работы каждого из хуков.
https://habr.com/ru/articles/871712/
#React #JavaScript #useMemo #useCallback #Reactmemo #Оптимизация
-
Reactのレンダリングとメモ化についてようやく理解したので書く
https://qiita.com/nuhaha_2023/items/9ce5fbde8646e490906e?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items -
> This is where React Compiler comes in. The compiler is a tool developed by the React core team. It plugs into our build system, grabs the original components' code, and tries to convert it into code where components, their props, and hooks' dependencies are memoized by default. The end result is similar to wrapping everything in memo, useMemo, or useCallback.
https://www.developerway.com/posts/i-tried-react-compiler
#reactJs #javaScript #webDev #useMemo #useCallback #reactCompiler
-
> This is where React Compiler comes in. The compiler is a tool developed by the React core team. It plugs into our build system, grabs the original components' code, and tries to convert it into code where components, their props, and hooks' dependencies are memoized by default. The end result is similar to wrapping everything in memo, useMemo, or useCallback.
https://www.developerway.com/posts/i-tried-react-compiler
#reactJs #javaScript #webDev #useMemo #useCallback #reactCompiler
-
И снова о useCallback
Привет, Хабр! Так вышло, что на текущем я попал под сокращение, а значит путь к собеседованиям открыт. Как раз вчера случилось одно (видимо, из многих), на котором зашла речь про useCallback.
-
[Перевод] Понимаем полностью useMemo и useCallback
Понимаем полностью useMemo и useCallback Экскурсия по двум самым известным хукам в React Если вы изо всех сил пытались разобраться в useMemo и useCallback, вы не одиноки! Я разговаривал со многими разработчиками React, которые cломали голову над этими двумя хуками. Моя цель в этом здесь — прояснить всю эту путаницу. Мы узнаем, что они делают, почему они полезны и как получить от них максимальную пользу. Погнали! Читать далее >
-
Мемоизация в React: я почитал документацию вместо вас
В статье рассмотрены три инструмента мемоизации в React: useMemo, useCallback, memo. Главный источник информации: документация React . Не всем комфортно работать напрямую с документацией, так что если вы постоянно откладываете погружение в документацию React - я сделал это за вас, постарался выделить самое важное, и дать ссылки для углубленного погружения. Так как мы будем рассматривать не самые базовые вещи, касающиеся React, то я не буду останавливаться на таких основах как хуки, состояние, свойства, чистые функции и чистые компоненты, ожидая, что вы ознакомитесь с ними за пределами статьи. А также все рассмотренное ниже относится в первую очередь к React 18.
-
"Mastering 'useCallback' in React with TypeScript: 4 Different Use-Cases for 'useCallback' - DEV Community" https://dev.to/kirubelkinfe/mastering-usecallback-in-react-with-typescript-4-different-use-cases-for-usecallback-3lga #react #reacthooks #usecallback
-
"Mastering 'useCallback' in React with TypeScript: 4 Different Use-Cases for 'useCallback' - DEV Community" https://dev.to/kirubelkinfe/mastering-usecallback-in-react-with-typescript-4-different-use-cases-for-usecallback-3lga #react #reacthooks #usecallback