Nikita
ну а там где запросы уже к апи
import api from '../api'
api.get('link', {
params: params,
})
.then((response) => {
Andrew Kiselev
@eclipticwld куку хранишь для rest запросов, и по ней идентификация юзера?
сейчас кука хранится в недрах react native для rest запросов и автоматически добавляется в каждый запрос, а сервер определяет по хедеру какой пользователь
https://i.imgur.com/OcNNRm5.png
Nikita
Nikita
почему не через redux?
это вообще код с фронтенда 🙂 в RN можно и в редаксе, без разницы
Andrew Kiselev
вопрос в том, как определить на клиенте что кука есть и она актуальна и перебрасывать пользователя на нужный стартовый скрин?
Nikita
а, щас
Andrew Kiselev
перебрасовать - вся логика есть. Вопрос как определить?
Quiet
вопрос в том, как определить на клиенте что кука есть и она актуальна и перебрасывать пользователя на нужный стартовый скрин?
с запросом на серв отправлять токен. А серв ответит либо отказом либо инфой.
Andrew Kiselev
с запросом на серв отправлять токен. А серв ответит либо отказом либо инфой.
какой именно токен?
Ilya
Andrew Kiselev
т.е. каждый раз при включение приложения нужно делать запрос на сервер и смотреть ответ?
Nikita
https://gist.github.com/but1head/6be4ee557d57b19bb2b9027524687782
Nikita
вот пример
Ilya
т.е. каждый раз при включение приложения нужно делать запрос на сервер и смотреть ответ?
Если необходимо, то да
Ilya
А вообще все забивают на это
Nikita
при первой авторизации есть токен + рефреш токен
Ilya
И проверка только при запросах производится
Nikita
при запросе на урл идет проверка
Quiet
т.е. каждый раз при включение приложения нужно делать запрос на сервер и смотреть ответ?
если при старте сразу инфа только для авторизованых юзеров.
Ilya
Ну то есть при тех запросах, что и так отправляются
Andrew Kiselev
https://gist.github.com/but1head/6be4ee557d57b19bb2b9027524687782
потестирую как подойдет для моих обстоятельств
Nikita
Andrew Kiselev выше ссылка ни гист. при первой авторизации с бэка приходит токен и рефреш токен, токен живет час. через полтора часа юзер дает запрос, апи говорит токен истек, ахиос хватает это -> получает новый токен -> снова делает запрос
Nikita
новый токен он получает по рефреш токен. короче обычный oauth
Nikita
api.interceptors.response.use((response) => response, (error) => { это мидлвейр (или как там) который смотрит на код ответа, если 401 то получает токен и повторяет оригинальный запрос
Andrew Kiselev
интересно пакет js-cookie со всеми мобильными устройствами работает или нет
Nikita
код с фронтенда, на rn это моджно использовать через редакс или еще как, не суть
Andrew Kiselev
А вообще все забивают на это
просто тут еще может быть что у пользователя нет интернета, а показать хоть что-то то надо, можно из кеша, но кука очень странно у меня в симуляторе вела, пропадала после перезагрузки симулятора
Ilya
просто тут еще может быть что у пользователя нет интернета, а показать хоть что-то то надо, можно из кеша, но кука очень странно у меня в симуляторе вела, пропадала после перезагрузки симулятора
Ну без интернета в любом случае не определить, валидна сессия или нет
Andrew Kiselev
код с фронтенда, на rn это моджно использовать через редакс или еще как, не суть
посмотрю как у меня сервер настроен. Спасибо!
Andrew Kiselev
если при старте сразу инфа только для авторизованых юзеров.
понятно. Попробую как прояснили
Andrew Kiselev
да
Ilya
Firebase, например
Ilya
Так есть же обертка для RN
Aleksei
весело наверно когда RN как магическая коробка представляется
Rostyslav
ПРивет подскажите, react-navigation Android back button возвращает назаз по иерархии а не в той последовательности в которой я ходил по скринам
Rostyslav
не поскажете что можно придумать?
Андрей
не поскажете что можно придумать?
https://facebook.github.io/react-native/docs/backhandler.html
Андрей
Если более старая версия рн, юзай backandroid
Anonymous
Всем привет. Подскажите пожалуйста. Никак не могу вникнуть в react native drawer. Может есть где нормальный материал? После разработки под веб, очень сложно вникнуть в суть другого подхода
Anonymous
пробую вот это https://github.com/Tinysymphony/react-native-drawer-menu
Anonymous
получаю вот такую ошибку https://s.mail.ru/5RYz/y5Um49zv8
Anonymous
которая вроде как идет из файлов самого модуля
Anonymous
со стандартным примером
Никита
с какой то версии выпилили PropTypes из реакта, теперь это отдельным модулем идет
Никита
то есть
npm install —save prop-types
и в импорте вместо import {PropTypes} from 'react'
сделать import PropTypes from 'prop-types';
Anonymous
т.е. менять сам модуль?
Anonymous
а еслть ли какие то более новые решения?
Oleg
На сколько я понимаю, можно самому сделать обработку экшенов в редьюсере. Вместо коробочного
Rostyslav
Просто как я понял, Екшн бек, с реакт навигейшн выбрасывает пред идущий роут со стейта и получается , что в стейте не лежит твоя цепочка прохода по скринам, а просто вложеность
Valery
Кто работал с картами + react-native, есть рабочие пакеты для работы с картами яндекса или 2гис?
Есть react-native-map с гугл картами, но и там 772 issues
Никита
а еслть ли какие то более новые решения?
https://reactnavigation.org/docs/navigators/drawer
https://github.com/root-two/react-native-drawer (не сильно новее, но рабочее)
Evgeniy
всем привет! =)
кто подскажет по редаксу - если у меня есть несколько редьюсеров , объединенных combineReducers, могу ли я из одного редьюсера вызвать другой? конечно выглядит такая идея костыльно, но вдруг есть какое то решение
Иван
Anonymous
Это уже нужно в мидлвары лезть, там ты можешь несколько action передавать в уже конкретный стор.
Evgeniy
вас понял =) мидлвары пока что для меня тёмный лес, решу другим способом
Vaagn
всем привет! =)
кто подскажет по редаксу - если у меня есть несколько редьюсеров , объединенных combineReducers, могу ли я из одного редьюсера вызвать другой? конечно выглядит такая идея костыльно, но вдруг есть какое то решение
зависит от задачи, вообще, дергать из редьюсера другой или кидать экшн - это антипаттерн. Тебе могут помочь саги (пост-эффект, side-эффект), работает после изменения стора редьюсером, либо как было сказано выше, мидлвари
Vaagn
о сагах: redux-saga.js.org
возможно, будут полезны также https://redux-observable.js.org/
но с этим я пока не успел поработать)
Evgeniy
спасибо, ссылочки сохраню, может когда-нибудь пригодится )
а пока что у меня задача простая, можно решить кучей способов, просто стало интересно, что если мы разделяем редьюсер на отдельные, то есть ли между ними связь
Vyacheslav
всем привет! =)
кто подскажет по редаксу - если у меня есть несколько редьюсеров , объединенных combineReducers, могу ли я из одного редьюсера вызвать другой? конечно выглядит такая идея костыльно, но вдруг есть какое то решение
Именно вызвать другой reducer или вызвать два reducer'а по одному action?
Evgeniy
Именно вызвать другой reducer или вызвать два reducer'а по одному action?
не, что можно назначить одинаковый экшн я уже понял (собстно так и сделал в итоге), интересно было именно во время выполнения одного экшена вызвать другой экшн в другом редьюсере =D
Vyacheslav
не, что можно назначить одинаковый экшн я уже понял (собстно так и сделал в итоге), интересно было именно во время выполнения одного экшена вызвать другой экшн в другом редьюсере =D
https://github.com/gaearon/redux-thunk можешь глянуть и сравнить с сагами и выбрать что нравится
Evgeniy
да, почитаю, похоже когда-нибудь может пригодиться
Vaagn
может кто-то посоветует хороший, большой, сложный проект на гитхабе? Чтобы почерпнуть оттуда архитектурные решения для реакт-стека
Sergey
Error: Cannot save image. Unable to write to tmp location. такая вот ошибка react-native-image-croper на реальном девайсе(iOS) гугл нечего вообще не подсказал хелп
Vaagn
https://github.com/JSSolutions/GitterMobile/blob/master/app/modules/ui.js
actions, action creators, reducer в одном файле) ну такое))
Vyacheslav
В их примере вложенности нет. Мне понравилось как тут рассказано https://shift.infinite.red/react-navigation-drawer-tutorial-a802fc3ee6dc
Vyacheslav
Ссылка на github там внизу
Vaagn
спасибо!
Aleksei
https://github.com/JSSolutions/GitterMobile/blob/master/app/modules/ui.js
actions, action creators, reducer в одном файле) ну такое))
норм, я так делаю когда их мало, это ducks называется
Vaagn
вот хотелось бы, чтобы было ducks
Vaagn
т.е. с разделением by feature