Сайтостроение \ Ускорение сайта

9 рекомендаций по оптимизации производительности front-end

От автора: у вас есть 50 миллисекунд, чтобы произвести первое хорошее впечатление на ваших потенциальных посетителей. Итак, да, пользователям требуется всего 50 миллисекунд, чтобы сформировать мнение о вашем веб-сайте и решить, останутся они или уйдут.

Читать далее

Премиум \ Фреймворки \ Интернет-магазин на Laravel

Интернет-магазин на Laravel

От автора: в предыдущем уроке был реализован функционал добавления товара в корзину, который основан на хранении корзины в сессии. После добавления товара необходимо показать пользователю, что его товар успешно добавлен в корзину. Для этого в данном уроке мы реализуем модальное окно, которое будет открываться автоматически после добавления товара и в этом окне пользователь будет видеть текущее содержимое корзины.

Читать далее

Javascript & Ajax \ React

5 методов оптимизации производительности React

От автора: Оптимизация производительности приложений является ключевым моментом для разработчиков, которые заботятся о том, чтобы оценка пользователей оставалась положительной и чтобы они продолжали пользоваться приложением.

Читать далее

Javascript & Ajax \ React

Виртуализация больших списков данных с помощью React-Window

От автора: рендеринг большого набора данных в DOM без правильных инструментов может быть довольно затратным, так как это отрицательно сказывается на производительности веб-страницы; замедляет время выполнения, сетевые запросы и производительность памяти. В этом руководстве мы рассмотрим, как визуализировать большой объем данных из внешнего API или фиктивного файла данных в нашем приложении.

Читать далее

Javascript & Ajax \ Javascript

От автора: NPM — крупнейший в мире менеджер пакетов, и использовать его на практике относительно просто. Однако при добавлении пользовательских конфигураций или использовании расширенных функций многое может пойти не так. Итак, в этой статье я рассмотрю семь распространенных ошибок, которых следует избегать при использовании NPM.

Читать далее

Верстка \ CSS 3

Функция CSS attr и tooltip без JS

От автора: в данном уроке вы познакомитесь с функцией CSS attr(), которая позволяет получить значение атрибута выбранного элемента и использовать это значение в таблице стилей. В качестве примера практического применения данной возможности будет показана реализация всплывающей подсказки tooltip без JS.

Читать далее

Javascript & Ajax \ React

Руководство по React Context и хуку useContext()

От автора: контекст React предоставляет данные компонентам независимо от того, насколько глубоко они находятся в дереве компонентов. Контекст используется для управления глобальными данными, например, глобальным состоянием, темой, службами, пользовательскими настройками и т.д. В этом посте вы узнаете, как использовать концепцию контекста в React.

Читать далее