Нажмите здесь, чтобы опубликовать эту статью в LinkedIn »
Февраль почти закончился, а это значит, что пора DHTMLX Team поделиться с вами самыми интересными новостями и обновлениями из мира JavaScript. Вот кое-что, что вы могли бы пропустить в этом месяце. PPO, сборник лучших хитов StackOverflow. Webpack 4 на 98% быстрее. Повышение производительности ваших приложений React. Создание многоразовых переходов во Vue. Эти, а также другие новости в нашем сегодняшнем выпуске. Ладно, поехали.
Новые инструменты разработки и обновления
PPO, небольшая и полезная библиотека утилит
Разработчик библиотеки ppo utils собрал наиболее широко используемые и полезные функции, которые могут упростить вашу повседневную рутину разработки. По словам автора, большая часть кода взята из StackOverflow. Итак, в данном случае мы имеем дело с подборкой ответов с наивысшими баллами от разработчиков со всего мира.
Сборник инструментов разделен на несколько частей. Существуют утилиты для работы с журналами, некоторые утилиты для обнаружения, которые позволяют проверять, какую платформу использует мобильное устройство, инструменты для работы с куки, некоторые полезные математические функции и т. Д. Похоже на простую, но полезную библиотеку, которая содержит вездесущие функции, широко используемые почти в каждом Проект JavaScript.
Webpack 4
Webpack - это сборщик модулей, который позволяет объединять файлы JavaScript для использования в браузере. Он доступен через менеджеры пакетов Yarn и NPM.
По словам разработчиков, новая версия webpack на 98% быстрее предыдущей. Отчеты о производительности сборки были получены от сообщества во время тестирования бета-версии webpack 4.0. Собранная информация дала разработчикам возможность найти некоторые блокирующие ошибки в загрузчиках и плагинах, которые были немедленно исправлены.
Новое свойство под названием mode имеет два варианта: development или production.. Это свойство позволяет выбрать значения по умолчанию, оптимизированные для размера сборки. (рабочий режим) или время сборки (режим разработки).
Разработчики устарели и удалили CommonsChunkPlugin. Вместо этого вы можете использовать набор значений по умолчанию и API под названием optimize.splitChunks. С этого момента вы сможете использовать автоматически создаваемые общие блоки.
Реализованная поддержка WebAssembly позволяет использовать импорт и экспорт любого локального модуля WebAssembly. Вы можете написать загрузчики для импорта файлов Rust, C ++, C и других языков хоста WebAssembly. Начиная с версии 4.0 Node.js 4 больше не поддерживается. Чтобы узнать больше о новом обновлении, вы можете проверить эту статью.
Выпущена dhtmlxDiagram 2.0
Библиотека диаграмм DHTMLX позволяет создавать легко настраиваемые графики и диаграммы для визуализации иерархически структурированных данных.
Новая версия этой библиотеки значительно расширяет доступный функционал. Версия 1.x позволяет создавать только организационные диаграммы. Начиная с версии 2.0 вы можете создавать блок-схемы, блоки, деревья, решения, действия, сетевые диаграммы и другие типы диаграмм. Разработчики предоставили возможность использовать самые разные формы и соединители, поэтому вы можете настроить внешний вид схемы так, как вам нужно.
Благодаря улучшениям производительности диаграмма отображается в 2 раза быстрее. Новый API более гибкий и понятный. Функция экспорта поддерживает форматы PDF и PNG. Начиная с версии 2.0 вы можете добавить настраиваемую панель инструментов к узлу диаграммы, которая позволит пользователям выполнять некоторые полезные действия. Подробнее читайте в подробном описании новых возможностей.
CanJS 4.0
CanJS - это набор клиентских архитектурных библиотек JavaScript, предназначенных для создания сложных веб-приложений.
Версия 4.0 предназначена для упрощения работы с этой библиотекой и улучшения понимания приложения разработчиком. Разработчики добавили новые функции отладки. Теперь вы можете проверить, что меняет значение с отслеживанием состояния или что изменяется значение с учетом состояния. Вы также можете отследить корень любого события. CanJS 4.0 позволяет упростить процесс разработки за счет автоматического монтирования компонентов. Также были упрощены шаблоны Stache. Более подробную информацию вы можете найти в подробном описании обновления.
реагировать простые карты 0.11
React-simple-maps - это библиотека компонентов React, позволяющая создавать SVG-карты с использованием d3-geo и topojson. Используя эту библиотеку, вы можете построить простую карту, сделать проекцию и добавить к ней сетку, добавить маркеры и аннотации и т. Д.
В новой версии этой библиотеки разработчики реализовали правильную поддержку вращения глобусов. В предыдущих версиях react-simple-maps можно было создавать простые глобусы. Но в версии 0.11 был добавлен компонент ‹ZoomableGlobe /›, который позволил вывести глобусы на новый уровень. Он поддерживает настраиваемое панорамирование и масштабирование и позволяет создавать аккуратные интерактивные глобусы на странице. Еще одна функция, реализованная в новой версии react-simple-maps, - это правильная поддержка проекции Albers USA. Более подробную информацию о новых функциях вы можете получить здесь.
Полезные советы и статьи
Четыре библиотеки для повышения производительности вашего приложения React
Когда мы говорим о веб-приложениях, производительность - это все. В быстро меняющемся мире никто не может позволить себе ждать лишнюю секунду, пока ваше приложение загрузится. Следовательно, вы должны использовать все возможные решения, позволяющие повысить производительность вашего приложения. Поскольку React - один из самых модных фреймворков в то время, будет полезно изучить некоторые новые приемы, если вы будете использовать его в качестве основного инструмента разработки.
В своей статье Джон Ханна описывает библиотеки JavaScript, которые позволяют повысить производительность ваших приложений React. Есть некоторая общая информация и примеры кода, которые помогают понять, как все работает. Кроме того, он упоминает несколько интересных альтернатив фреймворку React.
Создание многоразовых переходов во Vue
Если есть что-то более разрекламированное, чем реакция, то это фреймворк Vue.js. В то время это один из самых быстрорастущих фреймворков JavaScript. Если вы хотите иметь конкурентное преимущество на рынке JavaScript, было бы неплохо присмотреться к нему более внимательно. Если вы хотите начать с чего-то практического, мы можем порекомендовать вам статью Кристи Джора, в которой объясняется, как с помощью Vue можно создавать многоразовые переходы. Это подробное и хорошо описанное руководство будет полезно как для опытных разработчиков Vue, так и для тех, кто только начинает его изучать.
