#мемоизация — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #мемоизация, aggregated by home.social.
-
Тихие сбои React Compiler и как их исправить
React Compiler обещает избавить от ручной мемоизации и вернуть разработчику фокус на логику интерфейса. Но за этой когнитивной разгрузкой скрывается тонкий риск: в ряде случаев компилятор тихо откатывается к обычному поведению React, и вы узнаёте об этом только по деградации UX. В статье — практический разбор «тихих» сбоев, ограничений синтаксиса и способа заставить сборку честно сигнализировать о проблемах через ESLint. Разобрать проблему
https://habr.com/ru/companies/otus/articles/996174/
#React_Compiler #производительность_React #ререндеры #мемоизация #useMemo #useCallback #ESLint
-
Тихие сбои React Compiler и как их исправить
React Compiler обещает избавить от ручной мемоизации и вернуть разработчику фокус на логику интерфейса. Но за этой когнитивной разгрузкой скрывается тонкий риск: в ряде случаев компилятор тихо откатывается к обычному поведению React, и вы узнаёте об этом только по деградации UX. В статье — практический разбор «тихих» сбоев, ограничений синтаксиса и способа заставить сборку честно сигнализировать о проблемах через ESLint. Разобрать проблему
https://habr.com/ru/companies/otus/articles/996174/
#React_Compiler #производительность_React #ререндеры #мемоизация #useMemo #useCallback #ESLint
-
Тихие сбои React Compiler и как их исправить
React Compiler обещает избавить от ручной мемоизации и вернуть разработчику фокус на логику интерфейса. Но за этой когнитивной разгрузкой скрывается тонкий риск: в ряде случаев компилятор тихо откатывается к обычному поведению React, и вы узнаёте об этом только по деградации UX. В статье — практический разбор «тихих» сбоев, ограничений синтаксиса и способа заставить сборку честно сигнализировать о проблемах через ESLint. Разобрать проблему
https://habr.com/ru/companies/otus/articles/996174/
#React_Compiler #производительность_React #ререндеры #мемоизация #useMemo #useCallback #ESLint
-
Тихие сбои React Compiler и как их исправить
React Compiler обещает избавить от ручной мемоизации и вернуть разработчику фокус на логику интерфейса. Но за этой когнитивной разгрузкой скрывается тонкий риск: в ряде случаев компилятор тихо откатывается к обычному поведению React, и вы узнаёте об этом только по деградации UX. В статье — практический разбор «тихих» сбоев, ограничений синтаксиса и способа заставить сборку честно сигнализировать о проблемах через ESLint. Разобрать проблему
https://habr.com/ru/companies/otus/articles/996174/
#React_Compiler #производительность_React #ререндеры #мемоизация #useMemo #useCallback #ESLint
-
Многооперационные станки как отдельный вид искусства: популярный экскурс в историю тяжелого машиностроения
https://www.youtube.com/watch?v=rn-fGxWlnhM Впервые термин "обрабатывающий центр" был применен для станка типа агрегатного, и имел три шпиндельные бабки - фрезерную, две сверлильно-расточные, снабженные инструментальными магазинами.
https://habr.com/ru/articles/908342/
#станкостроение #машиностроение #мемоизация #мем #юмор #юмор_на_хабре #юмор_не_для_всех
-
Борьба с перерендерами в React
На тему мемоизации написано довольно много статей, и все они хорошо раскрывают суть. Но мне часто не хватало шпаргалки, которую можно отправить на вопрос «А как мемоизировать?». В статье речь пойдет исключительно о функциональных компонентах.
https://habr.com/ru/articles/884094/
#React #Javascript #хуки #мемоизация #рендеринг #преждевременная_оптимизация
-
React. Обновление узлов и мемоизация
В процессе разработки современных веб-приложений производительность часто становится одним из ключевых аспектов, которые волнуют и разработчиков, и пользователей. Пользователи ожидают молниеносного отклика, а разработчики стремятся создать приложения, которые работают быстро и эффективно. Одним из мощных инструментов, позволяющих достигнуть высокой производительности в React-приложениях, является мемоизация. Мемоизация помогает значительно сократить количество вычислений и, соответственно, обновлений интерфейса, что положительно сказывается на общей скорости и отзывчивости приложения. В данной статье мы заглянем "под капот" движка React и увидем, как именно происходит обновление узлов. Параллельно рассмотрим и основные принципы мемоизации и её применение в различных типах компонентов.
-
Особенности обработки native events в React.js
В данной статье рассматриваются особенности, которые связаны с обработкой нативных событий (native events) в React-приложениях. Существует проблема частичной потери контекста функционального компонента при обработке нативных событий, которые навешиваются на элементы с помощью глобальных объектов document, window или через ссылки (refs). В статье рассматривается данная проблема и предлагается способ её решения (один из вариантов).
https://habr.com/ru/articles/810205/
#reactjs #addeventlistener #нативные_события #native_events #функциональные_компоненты #javascript #мемоизация #react #jsx #synthetic_events
-
Мемоизация в React: я почитал документацию вместо вас
В статье рассмотрены три инструмента мемоизации в React: useMemo, useCallback, memo. Главный источник информации: документация React . Не всем комфортно работать напрямую с документацией, так что если вы постоянно откладываете погружение в документацию React - я сделал это за вас, постарался выделить самое важное, и дать ссылки для углубленного погружения. Так как мы будем рассматривать не самые базовые вещи, касающиеся React, то я не буду останавливаться на таких основах как хуки, состояние, свойства, чистые функции и чистые компоненты, ожидая, что вы ознакомитесь с ними за пределами статьи. А также все рассмотренное ниже относится в первую очередь к React 18.
-
Мемоизация в React: я почитал документацию вместо вас
В статье рассмотрены три инструмента мемоизации в React: useMemo, useCallback, memo. Главный источник информации: документация React . Не всем комфортно работать напрямую с документацией, так что если вы постоянно откладываете погружение в документацию React - я сделал это за вас, постарался выделить самое важное, и дать ссылки для углубленного погружения. Так как мы будем рассматривать не самые базовые вещи, касающиеся React, то я не буду останавливаться на таких основах как хуки, состояние, свойства, чистые функции и чистые компоненты, ожидая, что вы ознакомитесь с ними за пределами статьи. А также все рассмотренное ниже относится в первую очередь к React 18.
-
[Перевод] Продвинутые техники извлечения данных для достижения максимальной производительности
Cегодня мы поговорим на тему оптимизации производительности для масштабируемых систем. В современной постоянно развивающейся цифровой среде необходимо держать фокус внимания не только на функциональности программных систем — нужно создавать системы, способные беспроблемно и эффективно масштабироваться при значительных нагрузках. Однако, как могут подтвердить многие опытные разработчики и архитекторы, масштабируемость несет в себе уникальный набор сложных проблем. Даже незаметные на первый взгляд неэффективные моменты, будучи многократно умноженными, способны нарушить работу систем. В этой статье мы рассмотрим хорошо зарекомендовавшие себя стратегии, которые можно легко интегрировать в кодовые базы, независимо от того, находятся ли они во фронтенде или бэкенде, и независимо от используемого языка программирования. Эти стратегии выходят за рамки теоретических предположений; они были тщательно протестированы и проверены в самых требовательных технологических средах по всему миру.
https://habr.com/ru/companies/otus/articles/780802/
#производительность #извлечение_данных_в_web #префетчинг #ленивая_загрузка #мемоизация