Познакомьтесь с React 18, изменением синтаксиса JavaScript, игрушечным языком программирования и другими разработками из мира JS.
Если вам интересно, что интересного произошло в последнее время в мире JavaScript, но у вас нет времени следить за заголовками новостей, команда DHTMLX готова предоставить вам последние новости. В этой статье вы познакомитесь с долгожданным игрушечным языком программирования React 18, планами Microsoft по изменению синтаксиса JavaScript, новым инструментом для защиты цепочек поставок JS и небольшими обновлениями для Deno и Prettier. Кроме того, мы также подготовили пакет полезных статей, которые помогут расширить ваш кругозор в JavaScript.
Давайте приступим!
Новости и обновления
Релиз-кандидат React 18 теперь доступен на npm
Крупное обновление фреймворка React было одной из самых обсуждаемых тем в сообществе веб-разработчиков за последние несколько месяцев. Теперь история подошла к своей кульминации, и React 18 теперь доступен на npm.
Наиболее заметным нововведением в этом выпуске является одновременный рендеринг. Это фундаментальное обновление модели рендеринга React. Его можно воспринимать как новый механизм реализации, который позволяет React одновременно подготавливать несколько версий вашего пользовательского интерфейса. Разработчики увидят истинную ценность этого механизма при использовании параллельных функций, включенных в этот выпуск, таких как приостановка, рендеринг на стороне сервера и переходы. Кроме того, React 18 также обеспечивает автоматическую пакетную обработку обновлений, новые поведения в строгом режиме и набор полезных хуков.
Также стоит упомянуть, что команда разработчиков React продолжает работать над серверными компонентами и надеется добавить их в младшую версию 18.x.
Если вам не терпится узнать больше об этом большом выпуске, ознакомьтесь с этой статьей:
Bhai-Lang: новый игрушечный язык программирования, написанный на TypeScript
Внутренняя шутка стала источником вдохновения для нового языка программирования под названием Bhai-lang. Слово «Бхаи» на хинди означает «брат». Два профессиональных разработчика из Индии создали этот язык с динамической типизацией, чтобы сделать программирование более интересным. Как и другие языки программирования, Bhai-lang имеет собственный синтаксис для переменных, типов, встроенных функций, условий и циклов. Если вы посетите официальную веб-страницу этого проекта, вы можете поиграть с кодом, используя функцию игровой площадки. Кроме того, у него также есть репозиторий GitHub, где вы можете найти полный исходный код и другую полезную информацию.
Официальная веб-страница BHAI-LANG:
Репозиторий GitHub:
Socket: новая платформа для защиты ваших цепочек поставок JavaScript
В последние годы атаки на цепочки поставок стали одной из самых сложных проблем безопасности программного обеспечения с открытым исходным кодом. Те, кто однажды столкнулся с последствиями таких атак, могут начать сомневаться в использовании решений с открытым исходным кодом. Команда разработчиков открытого исходного кода решила решить эту проблему и запустила платформу Socket для обеспечения безопасности пакетов npm.
В отличие от многих других инструментов сканирования, Socket предназначен для обнаружения и блокировки атак цепочки поставок до того, как они причинят какой-либо вред. Он применяет глубокую проверку пакетов для упреждающего анализа поведения пакетов npm, чтобы предотвратить влияние атак цепочки поставок на зависимости в вашем коде.
В приведенной ниже статье содержится дополнительная информация о преимуществах использования инструмента Socket и объясняется, как вы можете попробовать его на практике.
Microsoft продвигает новинку в синтаксисе JavaScript
Microsoft объявила о своей официальной поддержке добавления синтаксиса типов в JavaScript. Принятие этой функции может изменить правила игры для поклонников TypeScript. Это даст программистам возможность применять аннотации типов к коду JS, которые будут проверяться средствами проверки типов TypeScript, но полностью игнорироваться движками JavaScript. По словам представителей Microsoft, новый синтаксис будет восприниматься движками как комментарии и не повлияет на окружающий код. В результате такое обновление синтаксиса значительно упростит выполнение программ на основе TypeScript в браузерах.
Интересно, что респонденты последнего опроса State of JS 2021 назвали статическую типизацию наиболее желательной функцией, которая в настоящее время отсутствует в JavaScript. Очень скоро эта функция будет обсуждаться как предложение стадии 1 для спецификации ECMAScript (в настоящее время она находится на стадии 0) на заседании комитета TC39. Даже если ему будет дан зеленый свет для дальнейшего рассмотрения, могут пройти годы, прежде чем аннотации типов станут частью JavaScript.
Что нового в Дено 1.20
Райан Даль и его команда продолжают обогащать Deno новыми возможностями. Недавно эта среда выполнения JavaScript была обновлена до версии 1.20. Одним из наиболее важных улучшений, представленных в этом выпуске, является ускорение на 60% связи между JS-движком V8 и частью среды выполнения, написанной на Rust, во время выполнения кода. Deno теперь также позволяет использовать автосжатие для тела ответа, тайм-ауты для AbortSignal, пару новых подкоманд и многое другое. Кроме того, v1.20 поставляется с последней версией TypeScript (v4.6) и поддержкой V8 10.0.
Получите более подробную информацию об этом обновлении в примечаниях к выпуску (ссылка ниже), опубликованных в блоге Deno.
Примечания к выпуску Deno 1.20
Deno 1.20 повышает производительность, автоматически сжимает HTTP-ответы, добавляет «задачу deno, добавляет скамейку deno, позволяет импортировать…deno .com»
Знакомьтесь, Красотка 2.6
Когда веб-проект усложняется и в нем участвует больше участников, становится довольно сложно поддерживать читаемость кода. Вот где пригодятся такие инструменты, как Prettier. Это популярный форматировщик кода, который помогает разработчикам обеспечить единый формат всей кодовой базы. В этом месяце вышла новая версия этого полезного инструмента. Это обновление включает долгожданный параметр singleAttributePerLine. Используя эту функцию, вы можете размещать только один атрибут в строке шаблонов Vue SFC, HTML и JSX. Любопытно отметить, что команда разработчиков Prettier неохотно добавляла эту функцию, говоря, что она противоречит философии опционов команды. Но они не могли оставить без внимания призывы многих пользователей реализовать эту опцию. Prettier 2.6 теперь также поддерживает TypeScript 4.6 и форматирование новых предложений синтаксиса JS через Babel.
Ознакомьтесь со статьей о выпуске, приведенной ниже, чтобы узнать больше об этом незначительном обновлении.
Полезные советы и статьи
Изучение возможностей редактора диаграмм DHTMLX
DHTMLX Diagram — одна из немногих библиотек JavaScript, позволяющая разработчикам обогащать веб-приложение онлайн-редактором диаграмм. Эта функциональность позволяет конечным пользователям продемонстрировать свои навыки в создании красивых диаграмм любого типа и сложности без каких-либо манипуляций с кодом.
Редактор диаграмм DHTMLX предлагает 3 режима редактирования: по умолчанию, организационная диаграмма и карта разума. Каждый режим имеет интуитивно понятный пользовательский интерфейс с несколькими разделами, содержащими все, что пользователи могут запросить для построения, оформления и редактирования диаграмм. Существует также алгоритм автоматической компоновки, который может мгновенно преобразовывать хаотично связанные фигуры диаграммы в хорошо структурированную диаграмму. Но самое приятное в этом инструменте для построения диаграмм JavaScript — его широкие возможности настройки. Мощный API позволяет добавлять собственные формы и настраивать разделы редактора для их удобного использования.
Хотите узнать больше? Приведенная ниже статья дает более глубокое представление о функциональных возможностях редактора диаграмм DHTMLX.
Взгляд разработчиков DHTMLX на состояние JS в 2021 году
Опрос State of JS, вероятно, является одним из самых популярных источников информации о тенденциях в JavaScript. Но всегда возникает вопрос, насколько фактические результаты таких опросов совпадают с практическим опытом команд разработчиков. Чтобы ответить на этот вопрос, мы попросили разработчиков DHTMLX поделиться своими мыслями о наиболее интересных аспектах State of JS 2021. Ознакомьтесь с результатом в этой статье:
Когда использовать CSS и HTML вместо JavaScript
Трудно спорить с тем, что с помощью JavaScript можно делать много интересного. Но иногда разработчики увлекаются JS и используют его для некоторых функций, которые можно реализовать с помощью CSS и HTML с меньшими затратами времени и усилий.
Автор приведенной ниже статьи предлагает пять основных сценариев, в которых разумнее использовать CSS и HTML вместо JavaScript:
Общие антипаттерны React, которых следует избегать в вашем коде
Уже много лет React продолжает оставаться одной из наиболее широко используемых технологий для создания пользовательских интерфейсов. Программисты любят React за его исключительную гибкость, производительность и мощную поддержку сообщества. Но, как и любой другой инструмент веб-разработки, эта библиотека JavaScript имеет потенциальные подводные камни. Существует множество антипаттернов, то есть плохих практик программирования, которые часто встречаются в приложениях React.
Видео, представленное ниже, включает в себя обзор 10 антипаттернов React и дает несколько полезных советов о том, как избежать их в вашей кодовой базе:
Создание простого чат-бота на JavaScript
Для многих онлайн-компаний стало обычной практикой использовать чат-ботов для максимального расширения доступа к поддержке клиентов. Эта программа предназначена для взаимодействия с клиентами и автоматического решения рутинных задач поддержки. Использование чат-ботов обычно помогает не только улучшить качество обслуживания клиентов, но и сократить расходы на поддержку. Поэтому может быть полезно научиться создавать такой инструмент с нуля.
Учебное пособие, в котором приведены необходимые шаги для создания базового чат-бота с использованием HTML, CSS и JavaScript, можно найти здесь:
Это все на данный момент. Надеюсь, вам понравилась эта статья и вы расширили свои знания JavaScript.
Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter и LinkedIn. Присоединяйтесь к нашему сообществу Discord.
