Хобрук: Ваш путь к мастерству в программировании

Правильно обрабатывать прослушиватели событий Firebase в React Native

Мне интересно, где я должен поместить свой глобальный прослушиватель событий Firebase, например on().

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

Я подумал о создании класса, который я буду вызывать при запуске приложения, инициализировать всех слушателей и отправлять их через Redux, но для Redux Connect нужен компонент, а не класс.

Должен ли я просто создать компонент без пустой функции рендеринга и обрабатывать в нем мои события?

Или я должен поместить своих слушателей непосредственно в компоненты, которые будут использовать эти данные?

react-native firebase firebase-realtime-database
21.12.2017

Ответы:


1

Вы добавили

on(‘child_added’, ()=>{
//Your want to set of reaction. For example your action creator.
//When the child add to your realtime database, here will work.
})

на Main.js или index.ios.js Когда вы откроете приложение, эти слушатели начнут работать.

22.12.2017
Новые материалы
Учебные заметки JavaScript Object Oriented Labs
Вот моя седьмая неделя обучения программированию. После ruby ​​и его фреймворка rails я начал изучать самый популярный язык интерфейса — javascript. В отличие от ruby, javascript — это более..
Разбор строк запроса в vue.js
Иногда вам нужно получить данные из строк запроса, в этой статье показано, как это сделать. В жизни каждого дизайнера/разработчика наступает момент, когда им необходимо беспрепятственно..
Предсказание моей следующей любимой книги 📚 Благодаря данным Goodreads и машинному обучению 👨‍💻
«Если вы не любите читать, значит, вы не нашли нужную книгу». - J.K. Роулинг Эта статья сильно отличается от тех, к которым вы, возможно, привыкли . Мне очень понравилось поработать над..
Основы принципов S.O.L.I.D, Javascript, Git и NoSQL
каковы принципы S.O.L.I.D? Принципы SOLID призваны помочь разработчикам создавать надежные, удобные в сопровождении приложения. мы видим пять ключевых принципов. Принципы SOLID были разработаны..
Как настроить Selenium в проекте Angular
Угловой | Селен Как настроить Selenium в проекте Angular Держите свое приложение Angular и тесты Selenium в одной рабочей области и запускайте их с помощью Mocha. В этой статье мы..
Аргументы прогрессивного улучшения почти всегда упускают суть
В наши дни в кругах веб-разработчиков много болтают о Progressive Enhancement — PE, но на самом деле почти все аргументы с обеих сторон упускают самую фундаментальную причину, по которой PE..
Введение в Джанго Фреймворк
Схема «работать умно, а не усердно» В этой и последующих статьях я познакомлю вас с тем, что такое фреймворк Django и как создать свое первое приложение с помощью простых и понятных шагов, а..