В течение этого месяца мы наблюдали большую активность в мире JavaScript с точки зрения выпусков, в том числе некоторых новых материалов от команды DHTMLX. Поэтому мы рады освещать все новинки в нашем ежемесячном дайджесте новостей JavaScript.
В мае история релизов DHTMLX пополнилась новым To Do List v1.2. Что касается других новостей JavaScript, вы узнаете, чего ожидать от новых версий Angular, Vue, Qwick и Bun. Мы также рассмотрим последний отчет о производительности Node.js и познакомимся с DeviceScript. Кроме того, наш дайджест включает в себя традиционный набор полезных видео и статей, в том числе из DHTMLX, для расширения ваших теоретических и практических знаний в области JavaScript.
Новости и обновления
Что нового в DHTMLX To Do List 1.2
В мае наша команда разработчиков представила второе незначительное обновление нашего нового компонента JavaScript To Do List. Несмотря на свой второстепенный статус, этот выпуск включает в себя несколько значительных нововведений, которые помогут веб-разработчикам создавать более функциональные и удобные приложения.
Начиная с версии 1.2 появляется возможность устанавливать приоритет задач, добавленных в чек-лист через контекстное меню задачи или сочетания клавиш. Кроме того, задачи можно сортировать в соответствии с их статусом приоритета. Теперь у веб-разработчиков также есть возможность реализовать многопользовательский бэкэнд, который позволяет нескольким конечным пользователям одновременно работать над одними и теми же задачами и видеть все изменения редактирования через пользовательский интерфейс в режиме реального времени. И, наконец, наша команда подготовила новую демонстрацию, которая демонстрирует, как обогатить список дел JavaScript представлением сетки с помощью виджета сетки из нашей библиотеки Suite. Все подробности в релизной статье.
Встречайте Угловой 16
Команда Angular строго придерживается своего графика выпуска и уже давно пора представить крупное обновление этого популярного фреймворка до версии 16. После окончательного принятия долгожданных автономных API в v15 они не тормозят в v16 и вызывают это самый большой выпуск с момента первоначального развертывания Angular.
Во-первых, новый Angular предлагает предварительную версию для разработчиков совершенно новой модели реактивности, предназначенной для повышения производительности и удобства разработчиков. Разработчики Angular также будут рады увидеть значительные улучшения в процессе рендеринга и гидратации на стороне сервера. Также улучшен инструментарий для автономных компонентов, директив и каналов. Кроме того, этот выпуск также включает в себя десятки улучшений качества жизни. По словам команды разработчиков Angular, v16 облегчит будущие улучшения Angular в отношении реактивности и рендеринга на стороне сервера, запланированные на следующий год. Познакомьтесь с Angular 16 подробнее, прочитав релизную статью.
Qwik 1.0 уже доступен
Растущее количество новых фреймворков в JavaScript стало темой для многочисленных шуток и мемов в Интернете. И действительно, их так много на фронтенд-ландшафте. Но всегда есть место интересным решениям, и Qwik — одно из них. Запущенный в 2021 году Миско Хевери, вдохновителем Angular, Qwik был наконец обновлен до версии 1.0 в этом месяце.
Как следует из названия, Qwik должен быть очень быстрым и лучше других фреймворков по производительности, особенно по показателю под названием время до интерактивности. С Qwik вы получаете мгновенное приложение, в котором первоначальная стоимость JS остается постоянной, даже если приложение со временем становится более сложным. Эта структура также включает в себя множество других функций, направленных на улучшение опыта разработчиков и пользователей. Вы можете ознакомиться с ними в этом сообщении блога.
Vue.js 3.3 уже здесь
Vue.js — еще один фреймворк из большой тройки JS-фреймворков, который в этом месяце сделал еще один шаг вперед в своем развитии. Новый Vue.js 3.3 обещает стать более удобным для разработчиков, особенно с точки зрения использования Vue с TypeScript. Релиз также включает в себя несколько интересных экспериментальных функций и полезных улучшений инфраструктуры обслуживания. Подробнее читайте в релизной статье. Также стоит упомянуть, что команда Vue планирует выпускать небольшие и более частые выпуски функций Vue в 2023 году, поэтому вскоре мы можем ожидать больше новинок.
Отчет о производительности Node.js за 2023 год
После многих лет бесспорного доминирования в области сред выполнения JavaScript Node.js теперь сталкивается с конкуренцией со стороны Deno и Bun. Но позиции Node.js по-прежнему сильны и команда разработчиков проекта не останавливается на достигнутом. После крупного релиза v20 в прошлом месяце появился свежий официальный отчет, в котором оцениваются характеристики производительности различных версий Node.js. В целом можно сказать, что работа команды Node окупается, так как результаты отчета показывают значительные улучшения производительности в v20 по сравнению с предыдущими версиями. Этот сообщение в блоге включает более глубокое понимание отчета State of Node.js Performance 2023.
Бан получает супер-быстрого упаковщика
Еще в январе мы включили совершенно новую среду выполнения JS под названием Bun в нашу ежегодную статью о тенденциях JavaScript и веб-разработки в качестве многообещающей альтернативы Node.js и Deno. И очень приятно видеть, что проект движется вперед. Он еще не достиг стадии стабильного продукта (т. е. версии 1.0), но последнее и самое крупное обновление (0.6.0) привносит нечто действительно замечательное.
Речь идет о новом сборщике JavaScript для Bun. Согласно бенчмаркам команды Бана, новый нативный упаковщик показывает впечатляющие характеристики производительности — в 220 раз быстрее, чем Webpack. Пакет также поставляется с совершенно новым JS-минификатором, встроенным в Bun. Этим новинкам даже посвящен отдельный блог. Вы также можете узнать о других улучшениях производительности и исправлениях ошибок, добавленных в v0.6.0, прочитав релизную статью.
Представляем DeviceScript: TypeScript для устройств IoT
В последние годы TypeScript развивается впечатляющими темпами, и теперь разработчики без колебаний выбирают его для разного рода проектов. Новая инициатива Microsoft под названием DeviceScript направлена на то, чтобы использовать TypeScript в области небольших устройств IoT. С помощью DeviceScript разработчики смогут использовать сильные стороны TypeScript для создания встраиваемых приложений, которые будут бесперебойно работать на небольших микропроцессорных блоках управления. Если вам интересно узнать больше о DeviceScript, посетите веб-страницу проекта.
Полезные советы и статьи
Создание приложения Angular Chart Gantt с помощью DHTMLX
В дополнение к рассказу о крупном обновлении Angular, мы хотим поделиться с вами новым пошаговым видеоруководством, которое поможет разработчикам создать базовое приложение диаграммы Ганта для Angular с помощью нашего компонента JavaScript Ганта. В этом видео вы увидите особенности всех этапов сборки и узнаете, как привязать Гантта к RESTful API на бэкенде.
Выбор фреймворков и библиотек для веб-проекта
В целом, фреймворки и библиотеки предназначены для предоставления разработчикам множества готовых функций, облегчающих весь процесс разработки. Но на самом деле это два разных типа инструментов со своими специфическими целями и отличительными особенностями. Поэтому разработчикам, особенно новичкам, важно четко понимать разницу между фреймворками и библиотеками и уметь их выбирать для проекта. Вот почему мы подготовили пост в блоге, который включает в себя некоторые основные сведения об этих популярных инструментах и список факторов, которые обычно учитываются при их выборе.
Изучение JavaScript с нуля с помощью ChatGPT
Рост ChatGPT вызвал волну споров о преимуществах и опасностях использования ИИ. Но мы хотели бы сосредоточиться на положительной стороне вопроса и увидеть большой потенциал использования ChatGPT в образовательных целях. Например, его можно использовать для изучения JavaScript с нуля. Этот видеоурок даст вам четкое представление о том, каково это — осваивать различные аспекты JavaScript с помощью ChatGPT.
Использование реквизита для создания лучших компонентов Vue
Многие веб-разработчики восхищаются Vue своей модульной архитектурой. Эта особенность позволяет создавать приложения с помощью множества повторно используемых компонентов. Компоненты Vue содержат настраиваемые атрибуты, известные как реквизиты. Эти атрибуты можно передавать от родительского к родительскому к дочернему компоненту, и вы можете узнать, как это сделать, в этой статье. Это поможет вам сэкономить время и силы в процессе разработки с помощью Vue.js.
Вдохновляйтесь функциями JS для написания лучшего CSS
Часто разработчики слишком сосредотачиваются на реализации поведения приложения и уделяют не так много внимания дизайну веб-приложения, указанному с помощью CSS. Это может привести к различным проблемам со стилем на веб-странице. Чтобы избежать таких неудобств, вы можете улучшить способ написания CSS, переняв лучшие практики и идеи написания хороших функций JS, как это предлагает автор этой статьи.
Обработка проблем реализации доменно-ориентированного дизайна с помощью компонентов
Domain-Driven Design (DDD) — интересный подход к проектированию программного обеспечения, который, по сути, подразумевает, что структура кода должна соответствовать бизнес-области. Однако на практике применить DDD не так просто, особенно для программистов, привыкших работать с монолитными архитектурами. Но, к счастью, большинство из этих проблем можно решить с помощью компонентно-ориентированной разработки, и эта статья полностью раскрывает эту тему.
Спасибо за чтение и следите за новостями JavaScript летом.
Дополнительные материалы на PlainEnglish.io.
Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord .