Всем привет! Мы вернулись, чтобы поделиться с вами основными событиями в жизни DHTMLX и некоторыми свежими новостями из мира JavaScript.

Прежде всего, мы выделим последние обновления компонентов DHTMLX Diagram и Kanban. Затем вы узнаете о новом компоненте Power BI для Vue, о том, как более эффективно управлять состоянием в Preact, и о том, что нынешнее сообщество JS получило от Meta. Во второй части этой статьи вы можете найти полезные материалы, посвященные различным аспектам JavaScript.

Новости и обновления

Что нового в диаграмме DHTMLX v5.0

Если вы когда-либо участвовали в разработке бизнес-веб-приложения, вы, вероятно, согласитесь, что визуализация данных часто оказывается необходимой, но сложной частью этого процесса. Но что, если бы вы могли дать конечным пользователям возможность строить различные диаграммы, диаграммы и графики на лету с помощью специального редактора? Диаграмма DHTMLX может помочь вам здесь. Наша библиотека JavaScript поставляется со вспомогательным редактором диаграмм, который можно интегрировать в любое веб-приложение и который позволяет визуализировать данные без кода. Этот инструмент получил набор новых функций в последнем крупном обновлении DHTMLX Diagram.

Начиная с версии 5.0, редактор диаграмм позволит пользователям автоматически размещать случайно соединенные фигуры в радиальном порядке, используя новый алгоритм радиальной автоматической компоновки. Существует также возможность быстро применить одни и те же настройки стиля к группе фигур с помощью комбинаций клавиш быстрого доступа. В дополнение к функции автоматической компоновки редактор теперь также поддерживает несколько параметров выравнивания и распределения, а также линии привязки для ручной организации фигур на сетке. Если вы хотите узнать больше о DHTMLX Diagram v5.0, ознакомьтесь с релизной статьей.

Представляем DHTMLX Kanban v1.3

В сентябре команда разработчиков DHTMLX также обновила доску JavaScript Kanban до версии 1.3. Доски Канбан часто внедряются в приложения для управления проектами для визуализации рабочих процессов на высоком уровне, и решение DHTMLX становится более подходящим инструментом для таких целей благодаря регулярным обновлениям. В версии 1.3 вы найдете множество новых функций, которые принесут пользу как веб-разработчикам, так и конечным пользователям.

Главной особенностью этого небольшого обновления является возможность управлять историей редактирования Канбана с помощью действий отмены/повторения. Кроме того, вы сможете создать многопользовательский бэкэнд, установить диапазоны дат в карточках, дублировать любую задачу с ее содержимым и экспортировать данные Канбана в файл JSON. Кроме того, имеется коллекция полезных обновлений API. Полную информацию о последней версии DHTMLX Kanban можно найти в статье о выпуске.

Новый компонент Power BI для Vue.js

Vue.js по-прежнему является одной из наиболее широко используемых сред JavaScript, которая обеспечивает основу для более плавной разработки различных программных веб-решений. Есть хорошие новости для тех разработчиков, которые выбирают Vue.js для создания бизнес-ориентированного веб-приложения. В этом месяце Microsoft представила новый компонент под названием PowerBIReportEmbed, который облегчит встраивание содержимого Power BI в приложения Vue.

Power BI — популярное программное решение для бизнес-аналитики, предоставляемое Microsoft. С новым компонентом разработчикам будет легко вносить отчеты, информационные панели, вопросы и ответы и многие другие полезные вещи из Power BI в приложения на основе Vue для более качественной и точной аналитики. Этот компонент уже общедоступен на npm и GitHub. Вы также можете узнать, как это работает, в этом демонстрационном приложении. Кроме того, стоит отметить, что Microsoft также предлагает аналогичные компоненты для Angular и React.

Новый способ управления состоянием в Preact

Preact часто называют упрощенной, но более производительной альтернативой React. Не так давно команда разработчиков Preact представила новую многообещающую функцию под названием Сигналы. Цель этой новинки — быстро управлять состоянием веб-приложений независимо от их сложности. На самом деле управление состоянием — одна из самых больших головных болей для многих веб-разработчиков. С сигналами Preact должна быть возможность оптимизировать обработку, которая происходит, когда данные, определяющие состояние приложения, изменяются. По результатам тестирования этот подход намного эффективнее обычных механизмов обновления, таких как хуки React. Подробнее о технической стороне сигналов вы можете узнать в этой статье.

Meta предлагает инструмент MemLab сообществу JavaScript

Утечка памяти — распространенная проблема в JavaScript, которая может негативно сказаться на различных характеристиках веб-приложений, связанных с производительностью. MemLab — это инструмент для тестирования памяти JavaScript, разработанный Meta (Facebook) несколько лет назад и успешно используемый для оптимизации памяти в продуктах компании. Как правило, он обнаруживает утечки памяти, используя безголовый браузер с готовыми тестовыми сценариями, обнаруживая снимки кучи JS и анализируя их. Ранее в этом месяце Meta опубликовала исходный код MemLab на GitHub, чтобы помочь огромному сообществу JavaScript справиться с утечками памяти. Таким образом, любой веб-разработчик может начать использовать MemLab прямо сейчас абсолютно бесплатно.

Полезные советы и статьи

Добавление диаграммы Ганта JavaScript в Salesforce LWC

С появлением Salesforce LWC (Lightning Web Components), модели программирования JavaScript, многие веб-разработчики начали использовать ее для создания облачных бизнес-приложений. Такие приложения часто включают некоторые сложные функции, такие как диаграмма Ганта, которые можно интегрировать со сторонними инструментами, такими как наш компонент Ганта. Этот вид интеграции может занять много времени, если вы делаете это самостоятельно. На самом деле, мы получили несколько запросов от наших клиентов на помощь во внедрении DHTMLX Gantt в Salesforce LWC. Именно поэтому наша команда подготовила пошаговый видеоурок о том, как это сделать без проблем.

Получение более глубокого понимания Node.js

Сегодня сложно представить разработку веб-приложения без использования Node.js. Несмотря на то, что эта среда выполнения имеет множество недостатков, она по-прежнему является лучшим выбором, когда речь идет о создании серверных служб. Поскольку Node.js играет такую ​​большую роль в мире разработки, может быть полезно хорошо знать его основные части, чтобы максимально использовать эту технологию в реальных сценариях. В этой статье, написанной известным экспертом по JavaScript доктором Акселем Раушмайером, вы можете найти подробный обзор основных элементов Node.js и принципов их работы.

Изучение полезных API-интерфейсов браузера

Неудивительно, что веб-разработчики часто используют популярные функции JavaScript, такие как необязательная цепочка, нулевое объединение, веб-сокеты и т. д., при создании веб-приложения. Но в то же время есть некоторые браузерные API, которые могут быть чрезвычайно полезны в процессе разработки. Это API видимости страницы, API веб-ресурсов, API широковещательного канала, API интернационализации. Но эти API часто остаются незамеченными и мало освещаются на форумах и популярных веб-ресурсах. К счастью, автор этой статьи освещает основные особенности этих API и объясняет, как их использовать на практике.

Использование математических функций JavaScript

Если вы планируете создать веб-приложение с логикой, предполагающей различные арифметические вычисления, Javascript предлагает массу возможностей для математических расчетов. Вы можете использовать встроенный объект JavaScript Math с рядом полезных функций для выполнения расчетов любой сложности. Тем, кому требуется какое-то руководство в этом направлении, ознакомьтесь с этой статьей.

Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord. Заинтересованы в Взлом роста? Ознакомьтесь с разделом Схема.