FastComments.com Blog

Fri Oct 14 2022
...

Добавьте Live Chat в нативные приложения с FastComments React Native

! Эта статья содержит технические термины

Что нового

В FastComments мы запустили новый способ создания приложений на React Native с помощью FastComments. Ранее вы использовали наш обертку react-native вокруг библиотеки VanillaJS. Это приводило к нескольким проблемам с памятью и задержками из-за необходимости использования web view - браузера в вашем приложении - только для загрузки нашей библиотеки.

Теперь мы полностью перенесли FastComments на React Native и написали свой собственный WYSIWYG редактор, чтобы полностью устранить необходимость в web view.

Библиотека поддерживает различные скины и макеты. Например, вот скин Erebus, который является темным скином в стиле живого чата:

Erebus Skin

Библиотека доступна на GitHub по адресу FastComments/fastcomments-react-native-sdk а также на NPM.

Настраиваемый

Новая нативная библиотека предназначена для настройки так же, как и существующая веб-библиотека.

Вы можете:

  • Настроить все активы и значки, которые использует библиотека.
  • Настроить стиль каждого компонента в библиотеке, передав объект стилей с верхнего уровня.
  • Настроить все переводы.
  • Использовать один из предопределенных или разработанных сообществом скинов.
  • Использовать множество тех же опций конфигурации, которые поддерживает веб-библиотека.

Полный список функций

Библиотека поддерживает многие функции. Неполный список:

  • Блокировка
  • Реакции в чате
  • Ответы и комментарии к комментариям
  • Пользовательские стили (как типизированный таблица стилей)
  • Эмодзи
  • Журналирование
  • Браузер GIF - с поддержкой популярных трендов и поиска. Изображения и поиск анонимизированы через прокси.
  • Живые комментарии
  • Выбор и загрузка медиа
  • Нативный WYSIWYG редактор с поддержкой изображений.
  • Услуга уведомлений (получение непрочитанных уведомлений пользователя в фоновом режиме для отправки им и т.д.)
  • Список уведомлений (показывается при нажатии на колокол). Поддерживает подписки.
  • Пагинация (кнопки)
  • Пагинация (бесконечный прокрут)
  • Закрепление комментариев
  • Безопасное, простое SSO и анонимные комментарии.
  • Несколько предопределенных скинов.
  • Переключение показа/скрытия комментариев
  • Темы
  • Индикаторы активности пользователей
  • Голосование

Как это работает

Библиотека является полной переработкой клиента FastComments на TypeScript и React Native.

Долгосрочный план

В долгосрочной перспективе мы будем поддерживать как библиотеку VanillaJS, так и библиотеку react-native параллельно, а также любые будущие нативные библиотеки, которые мы можем разработать.

Что дальше?

Мы с нетерпением будем ожидать отзывов от пользователей и сообщества, чтобы улучшать эту библиотеку со временем, так же как мы делали с веб-экосистемой.

В заключение

Мы знаем, что эта библиотека долго ожидалась некоторыми. Как и все крупные релизы, мы рады, что смогли уделить время для оптимизации, тестирования и правильного релиза этой библиотеки.

Ура!