FastComments.com Blog

Fri Oct 14 2022
...

Добавьте Живой Чат в Нативные Приложения С FastComments React Native

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

Что нового

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

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

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

Скин Erebus

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

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

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

Вы можете:

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

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

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

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

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

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

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

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

Что дальше?

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

В заключение

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

Ура!