Web-технологии

Недавно, когда я рассказывал, как мы пишем тесты, я уже упоминал, что в TypeScript’е появилось новое ключевое слово using. Оно позволяет нам сделать код чище и более линейным, избавившись от try/finally.

Но мы можем использовать using не только, когда открываем файл или подключение к базе данных, иначе его использование ограничилось бы исключительно сервером.

Мне нравится рассматривать using, как Undo/Redo только наоборот, сперва мы выполняем какое-то действие, а в конце отменяем его:
- создали объект, удалили
- показали спиннер и скрыли, когда получили данные

Причем отмена удобно происходит в самом конце функции, даже если мы используем async/await.

Вот простой пример, как можно использовать using, чтобы показывать/скрывать спиннер в React коде.

// обычный код на React
useEffect(() => {
try {
setIsLoading(true);
await await Promise.resolve().then(() => console.log("promise.resolve"));
} finally {
setIsLoading(false);
}
}, [])


// такой же код, с использованием using
useEffect(() => {
using manager = new LoadingManager(setIsLoading);
await await Promise.resolve().then(() => console.log("promise.resolve"));
}, []);

/**
* Класс, который управляет состоянием спиннера
*/
class LoadingManager {
constructor(private setIsLoading: (value: boolean) => any) {
this.setIsLoading(true);
console.log("constructor");
}

[Symbol.dispose]() {
this.setIsLoading(false);
console.log("disposer")
}
}

// В консоли будет выведено в следующем порядке
// constructor
// promise.resolve
// disposer

Код можно открыть в песочнице.

К сожалению, нельзя опустить переменную manager, но это лучше, чем лепить везде try / finally.

Ещё по теме:
- using Declarations and Explicit Resource Management
- Явное управление ресурсами: пробуем новую фичу JavaScript и TypeScript

https://t.me/cherkashindev/164

v1.6 (10.01.2024)

Скрипт для онлайн-чата службы поддержки для ваших веб-сайтов. Общайтесь со своим пользователями в режиме реального времени через компьютер или на мобильных устройствах. Кроме того, вы можете отслеживать аналитику вашего веб-сайта, путь посетителя и данные о географическом местоположении.

Функционал:

- Неограниченное общение в реальном времени

- Двусторонний обмен файлами

- Чат между операторами

- Стандартные ответы (ярлыки)

- Многоязычная поддержка (переводится на любой язык)

- Адаптивное окно чата (удобно для мобильных устройств)

- Междоменная поддержка

- Отправка транскриптов пользователям

- Несколько Поддержка отделов

- Страница контактов, когда нет операторов онлайн

- Черный список отображения виджетов

- Поддержка встроенных виджетов

- Полноэкранный режим чата

- Настраиваемые аватары, смайлики, тон уведомлений и т. д.

- Разговор нескольких операторов и гостей

- Звуки уведомлений о сообщениях

- Пользовательские шаблоны чата

- Встроенная аналитика ( Отслеживайте трафик посетителей, источник трафика и т. д.)

- Отслеживание пути посетителей

- Настройки производительности

- Пользовательские позиции виджетов

- Обнаружение Adblock

- Режим обслуживания

- Защита от капчи (включена Google reCAPTCHA)

- Поддержка как SMTP, так и собственной почты PHP

- Поддержка надстроек

- Система коротких кодов

- Блокировка нежелательных IP-адресов пользователей

- Простая панель установщика

Больше информации и сам скрипт можно скачать тут

Стикеры WhatsApp станут еще более интересными и личными. Приложение для обмена сообщениями, внедряет новую функцию для iOS, которая позволит пользователям создавать, редактировать и делиться своими собственными стикерами.

Раньше стикеры обнаруживались и распространялись через сторонних поставщиков или через галерею телефона человека. Теперь пользователи могут создавать стикеры в приложении или редактировать существующие стикеры с помощью набора инструментов редактирования.

Инструменты включают в себя текст, рисование и возможность наложения других наклеек.

Стикеры, изготовленные на заказ, после отправки автоматически сохраняются в лотке для наклеек пользователя.

http://t.me/Infooasis