Публикации по теме 'performance'


Lodash-es и отдельные утилиты Lodash: сравнение размеров
На работе мы используем lodash в наших интерфейсных приложениях. Мы также используем lodash в общих модулях, которые потребляют наши приложения. Иногда наше приложение использует lodash-es , а какой-то модуль использует отдельные утилиты ( lodash.utilityName ), и наоборот. Очевидно, что дублирование кода не является идеальным решением, поэтому нам нужно было выбрать одно или другое. Какой из них приведет к меньшему размеру пакета? Результаты Несмотря на то, что сравнение..
Повысьте производительность React без использования memo ()
В своей предыдущей статье я описал несколько способов предотвращения лишних повторных рендеров в реактивных приложениях. Я сосредоточился на использовании крючков useMemo и useCallback и memo() HOC. Буквально через день была опубликована отличная статья Дэна Абрамова под названием Перед вами памятка () . Сегодня я расскажу, как методы, представленные в его блоге, могут быть применены к проблеме из моей статьи. Постановка задачи Начнем с того же кода, который я использовал в..
Вне цикла
Простая оптимизация базы данных, которую многие упускают из виду. Одной из наиболее распространенных причин низкой производительности приложений являются плохо спроектированные запросы к базе данных. Когда программная процедура обращается к базе данных, она обычно должна отправить сообщение по сети на другой сервер, который, в свою очередь, должен получить доступ к физическим дискам, используя большое количество операций. До твердотельных накопителей это было еще медленнее, включая..
Реагируйте на бесконечную прокрутку и отложенную загрузку
Бесконечная прокрутка . Бесконечная прокрутка - это концепция, используемая многими сайтами для улучшения взаимодействия с пользователем и повышения производительности. При бесконечной прокрутке сайты загружаются некоторыми данными, и по мере того, как пользователь продолжает прокрутку, загружается все больше и больше данных. Эта концепция экономит время, поскольку данные загружаются по частям, и повышает производительность, поскольку не требуется визуализировать все компоненты сразу...
Начните свое путешествие по WASM сегодня
В Интернете ходит мем, демонстрирующий отношение разработчиков к новым технологиям. Хотя забавно, но я нашел это правдой, на самом деле единственное, что я бы изменил в этой картине, это то, что мы, вероятно, сначала пошли бы в голову. Новые технологии разработки похожи на последние модные тенденции: сейчас все говорят об этом новом фреймворке, а в следующий момент появляется другой, к которому люди стекаются. Но, как и большинство модных тенденций, эти «новые и захватывающие»..
Создание нового опыта Netflix для телевидения
Жубер Нель Мы только что запустили новый опыт Netflix для телевизоров и игровых консолей. Новый дизайн основан на нашей предпосылке, что каждое шоу или фильм имеет тон и повествование, которые должны передаваться пользовательским интерфейсом. Чтобы рассказать более насыщенную историю, мы предоставляем соответствующие свидетельства и кинематографическое искусство, которые лучше объясняют, почему мы считаем, что вам следует посмотреть шоу или фильм. Новый пользовательский..
Оптимизируйте функциональные компоненты React с помощью useCallback и useMemo
Узнайте, как использовать useCallback и useMemo to optimize performance В наших последних публикациях мы рассмотрели хуки: useState useReducer useContext Продолжая серию хуков, в этой статье мы рассмотрим ловушки useCallback и useMemo и то, как они помогают оптимизировать наши функциональные компоненты. Объединяйте и делитесь своими компонентами в облаке, повторно используйте их в приложениях, предлагайте обновления из любого приложения и создавайте быстрее в..