FastComments.com Blog

Fri Oct 14 2022
...

Додайте Живий Чат до Нативних Додатків За Допомогою FastComments React Native

! Ця стаття містить технічну термінологію

Що нового

У FastComments ми запустили новий спосіб створення додатків React Native за допомогою FastComments. Раніше ви використовували наш обгортку react-native навколо бібліотеки VanillaJS. Це призвело до кількох проблем з пам’яттю та затримкою через необхідність мати веб-перегляд - браузер у вашому додатку - лише для завантаження нашої бібліотеки.

Тепер ми повністю перенесли FastComments на React Native і написали свій власний WYSIWYG редактор, щоб повністю усунути потребу в веб-переглядах.

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

Ере́бус Скин

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

Налаштування

Нова нативна бібліотека розроблена з можливістю налаштування так само, як і існуюча веб-бібліотека.

Ви можете:

  • Налаштувати всі активи та іконки, які використовує бібліотека.
  • Налаштувати стиль кожного компонента у бібліотеці, передавши об'єкт Styles зверху.
  • Налаштувати всі переклади.
  • Використовувати один з попередньо визначених або розроблених спільнотою скинів.
  • Використовувати багато з тих же параметрів конфігурації, які підтримує веб-бібліотека.

Повний список функцій

Бібліотека підтримує багато речей. Неповний список:

  • Блокування
  • Реакції на чат
  • Дочірні коментарі та відповіді
  • Користувацькі стилі (як типізований стилізований лист)
  • Емодзі
  • Позначення
  • Gif браузер - з можливістю пошуку по трендам + пошук. Зображення і пошук анонімізовані за допомогою проксі.
  • Живе коментування
  • Вибір та завантаження медіа
  • Нативний WYSIWYG редактор з підтримкою зображень.
  • Служба сповіщень (отримання непрочитаних сповіщень користувача у фоновому режимі для надсилання їм тощо)
  • Список сповіщень (показується при натисканні на дзвоник). Підтримує підписки.
  • Пагінація (кнопки)
  • Пагінація (безкінечний скролл)
  • Закріплення коментарів
  • Безпечне, просте SSO та анонімне коментування.
  • Кілька попередньо визначених скинів.
  • Перемикач показу/сховання коментарів
  • Теми
  • Індикатори активності користувача
  • Голосування

Як це працює

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

Довгостроковий план

У довгостроковій перспективі ми будемо підтримувати як бібліотеку VanillaJS, так і бібліотеку react-native паралельно, а також будь-які майбутні нативні бібліотеки, які ми можемо розробити.

Що далі?

Ми з нетерпінням чекаємо на відгуки від користувачів та спільноти, щоб покращити цю бібліотеку з часом, так само, як ми робили це з веб-екосистемою.

На завершення

Ми знаємо, що ця бібліотека давно чекала на деяких. Як і всі великі випуски, ми раді, що мали можливість витратити час на оптимізацію, тестування та належне випускання цієї бібліотеки.

На здоров'я!