Проектирование системы управления состояниями для повышения производительности: иерархическая реактивность
Context API убивает производительность вашего приложения скрытыми рендерами? Ознакомьтесь с фреймворком Neo.mjs, который оптимизирует управление состоянием пользовательского интерфейса. Он обеспечит вам и простоту, и скорость, и надежность.
Почему typeof null === ‘object’
В JavaScript есть известный парадокс: typeof null возвращает ‘object’, хотя null — примитив. Об этом баге знает даже сам Брендан Эйх, создавший JavaScript 30 лет назад. Почему же эту ошибку до сих пор нельзя исправить?
Механика отображения запросов в Spring Boot
Узнаем об обработке в Spring Boot аннотаций @RequestMapping, сопоставлении путей, разрешении HTTP-методов, механике привязки параметров. Проиллюстрируем примерами и разберемся, как здесь осуществляется точное управление сложными веб-запросами.
useEffectEvent: почему так строго?
Готовы наконец-то разобраться с useEffectEvent без слепого следования правилам? Предлагаем вникнуть в React-механику, которая делает эти строгие ограничения не прихотью, а необходимостью. Откройте для себя скрытую логику, чтобы стать сильнее в React.
Топ-10 React-библиотек, которые стоит использовать в 2025 году
Эти революционные инструменты позволяют предоставить пользователям возможности профессионального уровня. Они помогут вам при создании превосходных дэшбордов, временных шкал, макетов, операций перетаскивания, а также при обработке вызовов API, сэкономив при этом массу усилий и времени.
5 основных методов работы с @Cacheable в JavaScript
Аннотация @Cacheable - механизм кэширования, позволяющий значительно повысить производительность приложения. Освоив пять основных методов работы с @Cacheable, вы сможете реализовать сложные стратегии кэширования - эффективные и удобные в обслуживании.
Погружение в JavaScript
Достичь идеального понимания JavaScript-кода вряд ли возможно. Но каждая попытка может на шаг приблизить вас к идеалу. Предлагаем предпринять три попытки, каждый раз глубже погружаясь в JavaScript и совершенствуя навыки программирования.
Упростите поиск ресторанов в React-приложении с помощью foodie-react
Интеграция в React-приложение NPM-пакета foodie-react позволит заказывать еду из любого ближайшего ресторана. Он обеспечивает поддержку Google Maps API, настраиваемый радиус обнаружения ресторанов, текстовой поиск, предотвращение CORS-ошибок.
Как защитить сайт от скрейперов
Эффективные методы браузерного фингерпринтинга - использование Canvas, составление списка подключенных медиа-устройств и идентификация аудиоволн - позволят вам надежно защитить свой сайт от скрейпинга и краулинга. Узнайте, как легко реализовать собственный фингерпринт-код за считанные минуты!
Тенденции развития фронтенд-разработки в 2025 году
Насколько хорошо вы ориентируетесь в современном ландшафте фронтенд-разработки? Чтобы не пропустить последние достижения, ознакомьтесь с тенденциями развития фреймворков, инструментов и практик, ожидаемыми в 2025 году.
Сбор мусора в JavaScript
Удаление ненужных объектов в JavaScript - важный процесс, который поддерживает бесперебойную работу приложений. Заглянем "под капот" уборки мусора и рассмотрим ее основные алгоритмы.
Как создавать сайты с молниеносной загрузкой: рекомендации по оптимизации фронтенда. Часть 2
В этой части детально рассмотрим завершающие этапы критически важного пути рендеринга (CRP): компоновку макета и отрисовку. Вы получите представление об общих стратегиях оптимизации CRP, а реальные сценарии позволят вам овладеть практическими методами создания молниеносных сайтов.
Топ-9 современных общедоступных JS-библиотек для разработки ИИ
Эти библиотеки не только помогут создать высокопроизводительные приложения, управляемые искусственным интеллектом, но и значительно упростят вашу работу. С ними ваши проекты по ИИ станут умнее, быстрее и эффективнее!
Angular 19 — потрясающая версия: все новое!
19-я версия Angular впечатляет своими обновлениями. В ней значительно повышена производительность, упрощен процесс разработки, стабилизированы ключевые сигнальные API, а также предложены новые возможности в Angular Material и CDK.
Как создавать сайты с молниеносной загрузкой: рекомендации по оптимизации фронтенда. Часть 1
На что влияет производительность сайтов? Каковы ее ключевые показатели? Как браузеры выполняют рендеринг веб-страниц? Получите четкие ответы на эти вопросы, чтобы овладеть методами оптимизации производительности сайтов при создании DOM, CSSOM и дерева рендеринга.
Освоение Scrollable во Flutter
Это руководство посвящено разъяснению неочевидных нюансов Flutter-разработки. Вы узнаете, что такое dragDetails, как работает ScrollPhysics, почему невозможно поместить Spacer или Flexible в Scrollable и, наконец, как реализовать слушатель прокрутки, обновляющий представление в панели приложения.
Ваш JavaScript-бандлер слишком раздут
Дело не только в скорости, но и в удобстве использования приложения, показателях SEO, проценте отказов и в том, задерживаются ли ваши посетители на сайте достаточно долго, чтобы увидеть предлагаемый вами контент. Выполнив ряд оптимизаций, вы избавитесь от проблем с вовлеченностью пользователей и конверсией.
15 продвинутых техник React, которые должен знать каждый старший разработчик
По мере карьерного продвижения вам придется глубже погружаться в тонкости управлениями приложениями. Если станете старшим разработчиком, вам обязательно пригодятся эти техники работы с продуктами на основе React.
17 революционных инструментов для фронтенда, о которых вы должны знать в 2025 году
Эти ресурсы не только улучшат процесс разработки, но и помогут вам создавать более качественные и эффективные проекты. Предлагаем список из 10 обязательных инструментов, которые каждый фронтенд-разработчик должен изучить в этом году.
10 полезных приемов работы со строками JavaScript
Строки JavaScript - важнейший инструмент организации текстовых и типографических элементов веб-страницы. Эти 10 приемов работы со строками JavaScript облегчат процесс написания чистого, быстрого и эффективного кода.
15 общедоступных проектов, которые каждый разработчик должен добавить в закладки
Эта коллекция из 15 проектов с открытым исходным кодом, включающая инструменты упрощенного Agile-управления, автоматизации рабочих процессов, обеспечения безопасности API, создания платформы сообщества, - жизненно важный ресурс для любого разработчика. Они упростят вашу работу, помогут повысить производительность и избавят от неоправданных затрат.
Слоты: сделайте свой Angular API гибким
Подход с унифицированным определением слотов оказывается достаточно гибким при разработке API для низкоуровневых компонентов. Ознакомьтесь с его особенностями, преимуществами и примерами реализации.
Пишем и сравниваем приложения Todo на JavaScript и Gleam
Как создать простое приложение в Gleam — языке из экосистемы BEAM, который компилируется в JS? Синтаксис Gleam отличается от синтаксиса большинства других языков, поэтому сравним его с другим языком прямо в процессе разработки приложения.
Поддержка нескольких модальных окон в React Native: новый подход
Управление несколькими модальными окнами - ограничение, с которым вы столкнетесь как в стандартной реализации модальных окон в React Native, так и в популярных сторонних библиотеках. Новый подход к решению этой проблемы с использованием библиотеки rn-modal-presenter позволит снизить сложность приложения и сделать его более удобным.
Пакеты NPM: что это такое, откуда они взялись и когда их использовать
Откройте для себя происхождение и преимущества пакетов NPM. Узнайте также, как они упрощают современную разработку JavaScript, в каких сценариях полезно создавать пакеты NPM, а в каких - не стоит.
Новые возможности CSS
Новые правила CSS направлены на оптимизацию рендеринга и производительности, управление макетом и пропорциями, улучшение анимации и интерактивности. Эти и другие расширенные возможности CSS позволят вам создавать более эффективные, гибкие, отзывчивые и визуально привлекательные веб-приложения.
7 ключевых вопросов на собеседовании по JavaScript
Проверьте, насколько хорошо вы разбираетесь в JavaScript! Ответив на эти 7 вопросов на собеседовании по JavaScript, вы наверняка получите работу. Примеры пошаговых объяснений решений помогут основательно разобраться в каждой из 7 концепций.
Palette: оживляем гибридные узлы Amazon EKS
Разберем нюансы гибридной облачной архитектуры. Настроим гибридный узел и присоединим его к кластеру EKS, расскажем об их оптимальном сочетании с Palette.
Создание многофункционального калькулятора на чистом JavaScript
Это руководство поможет вам создать калькулятор с расширенными возможностями - голосовыми командами, клавишами быстрого доступа и адаптивными темами - на чистом JavaScript. Такой многофункциональный инструмент, динамичный и настраиваемый, значительно повысит качество пользовательского опыта.
RxSignals: самая мощная синергия в истории Angular
Мало кто знает, что тандем сигналов и функций observables способен повысить реактивность Angular. Поговорим об этом, а также о том, почему сигналы позволяют вынести управление состоянием из-под власти RxJS, позволив ему сосредоточиться в первую очередь на событийно-управляемых задачах.
JavaScript: интернет-инструмент для деятельности веб-инженеров
Хотите улучшить навыки разработчика и освоить один из популярнейших современных языков программирования? Приступайте к изучению JavaScript.
9 оптимальных библиотек компонентов React на 2025 год
Рассмотрим ведущие библиотеки пользовательского интерфейса с их технологиями, шаблонами, поддержкой сообщества и ориентированным на производительность функционалом. Поможем определиться с выбором.
Быстрый поиск фотографий: оптимизированные подходы
Ознакомьтесь с решениями, которые могут значительно повысить производительность приложения для поиска фотографий. Используя оптимизированные стратегии, вы будете эффективно управлять большими коллекциями изображений без перегрузки системных ресурсов.
Как сделать зернистый градиент на CSS
На примерах с CodePen показываем, как при помощи современного CSS и маленьких хитростей сделать зернистый градиент. Для этого мы вместе с автором CSS-Tricks применим SVG-турбулентность, также при помощи SVG и градиента создадим фон, увеличим яркость и контраст через filter и, наконец, смешаем градиенты.
11 малоизвестных, но полезных приемов по фронтенду
99% фронтенд-разработчиков не знают об этих приемах. Они помогут сделать код чище и эффективней, упростить и ускорить рабочий процесс, повысить удобство использования ваших приложений.
Знакомьтесь: безголовая WordPress без WordPress
После разгрома Мэтта Мулленвега и WPEngine автор этого материала заметил, что все больше и больше людей в Reddit (и других местах) просят альтернативы WordPress, не обязательно отказываясь от WordPress (по крайней мере, не сразу), но чтобы понять, какие варианты у них есть и насколько болезненной будет потенциальная миграция.
Связывание файла JavaScript с HTML: полное руководство
Научимся связывать JavaScript с HTML тегом
Как ускорить отклик и повысить производительность при помощи кэширования Redis
Разберемся, как кэшировать API-запросы с помощью Redis и NodeJS, а также как значительно сократить время отклика при запросе сетевых данных.
Роль Gradle в Android-проектах
Gradle — мощное средство сборки в современной Android-разработке. Понимание его работы критически важно для разработчика: от корректной настройки зависимостей до оптимизации процесса сборки. В этой статье мы подробно разберем архитектуру Gradle, его жизненный цикл и ключевые компоненты, чтобы помочь вам освоить этот важный инструмент.
10 веских причин изучить Python для занятий наукой о данных
Не знаете, с чего начать погружение в науку о данных? Начните с изучения Python. Это верный способ быстро, легко и увлекательно освоить основы науки о данных.
Получение доступа к ID элементов в DOM в качестве переменных window/global
Первое, что я узнал, начав заниматься веб-разработкой: как управлять элементами по ID из JS, со ссылкой на элементы по ID
<div id="so_many">So many to think...
ClickHouse: оконные функции с нуля
Узнаем, как в ClickHouse упрощаются анализ и агрегирование сложных данных, компактно и эффективно внутри запроса вычисляются нарастающие итоги, ранжирование, процентили. Разберем синтаксис оконных функций, приведем примеры из реальных сценариев.