Анонс Frontend digest: Трюки привычных инструментов

Хорошо знакомые инструменты умеют удивлять. В нашем октябрьском дайджесте мы сконцентрировались на методах вывода информации в консоль, технологии ленивой загрузки и полезной библиотеке SolidJS.

Если вам в жизни встретится хоть один фронтенд-разработчик, который ничего не слышал о console.log() — знайте, вы счастливчик. Шанс ничтожно мал, а этот метод используют все разработчики на JS. В этом есть только одна ложка дёгтя — вывод часто становится громоздким и это сильно затрудняет его восприятие.

Существует несколько простых приёмов как сделать вывод консоли более читабельным и удобным. Вместо вывода простой текстовой строки можно вывести объект и это уже значительно облегчит задачу. Забавно, но вывод можно раскрасить при помощи CSS или обозначить его восклицательным знаком, пометив для системы как предупреждение.

Как повысить сайт в рейтинге поисковых систем? Один из вариантов — сделать его более быстрым, уменьшив время загрузки. Подгружать картинки исключительно когда они реально будут демонстрироваться пользователю, а не вместе со всем содержимым страницы. Такая технология называется Lazy Loading и очень легко реализуется.

Ещё один несомненный профит — снижение нагрузки на серверы. Если используется облачная инфраструктура, то такой «чит-код» способен значительно уменьшить расходы и сделать обслуживание дешевле. Это же обстоятельство поможет пережить пиковые нагрузки, например, при запуске маркетинговых акций и распродаж.

Раз мы начали говорить о скорости, то хотим вам представить очень интересную библиотеку SolidJS. Крошечный размер в 6.4 Кбайта, скачивающийся при 4G соединении всего за 7 мс и обширные возможности очень впечатлили многих фронтенд-разработчиков. 22k звёздочек на GitHub, и почти 600 форков говорят сами за себя.

Как обычно, все детали вы найдёте в полной версии нашего дайджеста.