Denioo

https://www.npmjs.com/package/expo-secure-store - если юзаете expo
https://www.npmjs.com/package/react-native-keychai... - если чистый react-native

5. Ахз как правильно называется const doSame = ( {x,y} ) => {} . По сути неименованное объявление интерфейса.

Тоже деструктизация, только объекта который передаешь в функцию, ну или деструктуризация пропсов, ничем не отличается от 3 пункта

У вас console.log(lessons) синхронная функция, вынесите ее за пределы useCallback и увидите результат.

Material ui для react, возможно есть реализация для rn, а в чем проблема найти и использовать 2 разных UI фреймворка? Обычно дока к ним понятная и осилить можно за 10 минут времени.

прочитал что UI не всегда подходит к обоим сразу

Само собой React это библиотека, React Native - фреймворк. Для второго надо писать отдельную реализацию UI фреймворка, поскольку под капотом там совершенно все по другому.

А так всяких решений много, загуглите почитайте и найдите что понравится.

Вот же документация: https://firebase.google.com/docs/firestore/query-d...,
не getDocs а getDoc

Для чего вам FlatList? Можно сделать обычным блоком и задать стиль flexWrap: 'wrap'
Хотя попробуйте данный стиль и с Flatlist

Покурил доку по firebase и понял что все функции которые мне нужно и так имеются (надо было с этого начать), так что можно закрыть вопрос.

Async storage https://reactnative.dev/docs/asyncstorage типо local storage вебэ

Использовать https://reactnavigation.org/docs/tab-based-navigation/
Оберните всю конструкцию в<>...</>

https://github.com/contra/react-responsive

Вот библа по отлову разрешения экрана.

Только написать костыль через стейт, и проверять если он пустой то не отправлять запрос. Хотя это и костылем назвать сложно впринципе обычное решение проверять на пустоту или изменение и отправлять.

В конфиге firebase который гененерируется у вас. Ниже будет конфиг и там все написано

Проблема решилась пересозданием web конфига в firebase. Но это пальцем в небо и просто повезло.