ну я так обычно не пишу )

https://habr.com/post/144611/ Don’t repeat yourself, DRY (рус. не повторяйся) — это принцип разработки программного обеспечения, нацеленный на снижение повторения информации различного рода, особенно в системах со множеством слоёв абстрагирования. Принцип DRY формулируется как: «Каждая часть знания должна иметь единственное, непротиворечивое и авторитетное представление в рамках системы»

Лучше донт ленись ёрселф))) Че то не люблю переменные перекладывать )

https://habr.com/post/144611/ Don’t repeat yourself, DRY (рус. не повторяйся) — это принцип разработки программного обеспечения, нацеленный на снижение повторения информации различного рода, особенно в системах со множеством слоёв абстрагирования. Принцип DRY формулируется как: «Каждая часть знания должна иметь единственное, непротиворечивое и авторитетное представление в рамках системы»

ясное дело.

Ищу человека из Беларуссии может есть тут кто такой? Нужна платная консультация

Ищу человека из Беларуссии может есть тут кто такой? Нужна платная консультация

@MinskCSS_MinskJS

Заходи

Там все белорусские

Ну у кого под рукой нет практики написания модулей для npm ?

Ну у кого под рукой нет практики написания модулей для npm ?

А в чем проблема? Там полная анархия, поэтому для эксперимента рекомендовал бы сперва попрактиковаться с паблишингом в неймспейс, модуль будет называться в этом случае как-то @username/my-module-name (если имя пользователя в npm `username`). Всё остальное в доках на npmjs.com

А в чем проблема? Там полная анархия, поэтому для эксперимента рекомендовал бы сперва попрактиковаться с паблишингом в неймспейс, модуль будет называться в этом случае как-то @username/my-module-name (если имя пользователя в npm `username`). Всё остальное в доках на npmjs.com

Спасибо, я уже в эту сторону и пошёл)

Я думал есть какие-то нормативы, как структуру оформлять, как код, а пока по гиту лазил понял, что кто, как хочет, так и пишет

Я думал есть какие-то нормативы, как структуру оформлять, как код, а пока по гиту лазил понял, что кто, как хочет, так и пишет

Именно... я обычно по оформлению смотрю на модули, которые мне нравится как устроенны и делаю по аналогии... Из автоматики, в последнее время пытаюсь переводиться на standard-version (он автоматом определяет номер версии и CHANGELOG генерит, чего мне у других, даже популярных, модулей часто не хватает), но он требует специального оформления коммитов, что может быть трудно...

Привет всем, такая проблема: Через BackHandler вешаю на физ кнопку андроида “Назад” переход на конкретный скрин, все вроде работает и хорошо - в didmount вешаю, а в willunmount удаляю слушателя, да только проблема в том, что после срабатывания данного действия, роутер начинает везде такое вытворять, то есть по всем компонентам - выбрасывать на один конкретный скрин, и тут начинается багло

Именно... я обычно по оформлению смотрю на модули, которые мне нравится как устроенны и делаю по аналогии... Из автоматики, в последнее время пытаюсь переводиться на standard-version (он автоматом определяет номер версии и CHANGELOG генерит, чего мне у других, даже популярных, модулей часто не хватает), но он требует специального оформления коммитов, что может быть трудно...

?

Привет всем, такая проблема: Через BackHandler вешаю на физ кнопку андроида “Назад” переход на конкретный скрин, все вроде работает и хорошо - в didmount вешаю, а в willunmount удаляю слушателя, да только проблема в том, что после срабатывания данного действия, роутер начинает везде такое вытворять, то есть по всем компонентам - выбрасывать на один конкретный скрин, и тут начинается багло

Помогите пожалуйста полечить, не знаю куда копать, библиотека react-native-router-flux

Привет всем! Кто-нибудь пользовался https://github.com/sunnylqm/react-native-storage?

Помогите пожалуйста полечить, не знаю куда копать, библиотека react-native-router-flux

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

Помогите пожалуйста полечить, не знаю куда копать, библиотека react-native-router-flux

Может и баг, черт его знает

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

Я вот тоже думал про это, но при маунте компонента вешаю слушателя, а потом при анмаунте удаляю, по идее должно работать, а не работает потом

Я вот тоже думал про это, но при маунте компонента вешаю слушателя, а потом при анмаунте удаляю, по идее должно работать, а не работает потом

Я бы логал маунт и анмаунт для начала

Я бы логал маунт и анмаунт для начала

С ними в порядке, они работают, в том и дело

Привет всем, такая проблема: Через BackHandler вешаю на физ кнопку андроида “Назад” переход на конкретный скрин, все вроде работает и хорошо - в didmount вешаю, а в willunmount удаляю слушателя, да только проблема в том, что после срабатывания данного действия, роутер начинает везде такое вытворять, то есть по всем компонентам - выбрасывать на один конкретный скрин, и тут начинается багло

Мы вешали обработчик не на конкретный экран, а в сам рутовый компонент навигации. И уже внутри рулили логикой проверяя id сцены. Но это была v3.

Мы вешали обработчик не на конкретный экран, а в сам рутовый компонент навигации. И уже внутри рулили логикой проверяя id сцены. Но это была v3.

Как раз v3 либа у нас, не 4

Ну не исключено, что из-за подобного поведения так и было сделано)

А код можно? Быстрее будет

А код можно? Быстрее будет

backAndroid() { this.props.showHomeScreen(); return true; } componentDidMount() { BackHandler.addEventListener('hardwareBackPress', () => this.backAndroid()); } componentWillUnmount() { BackHandler.removeEventListener('hardwareBackPress', () => this.backAndroid()); }

И после того как на этом скрине включается этот код весь роутер перестает нормально работать

Вы новую функцию пытаетесь удалить

Не стрелочную передавайте

Не стрелочную передавайте

Вы имеете в виду без анонимной функции в слушателя?

сделал так, приложение валится

в оф доках тоже со стрелочной

Саму функцию сделайте стрелочной

Как сделать linear-gradient?

Как сделать linear-gradient?

Svg например

Svg например

Не подойдет

Ещё вроде есть react-native-linear-gradient

Да, я его видел. Думал может еще что есть ?

Саму функцию сделайте стрелочной

Не помогло

backAndroid = () => { this.props.showHomeScreen(); return true; } componentDidMount() { BackHandler.addEventListener('hardwareBackPress', this.backAndroid); } componentWillUnmount() { BackHandler.removeEventListener('hardwareBackPress', this.backAndroid); } должно работать

Посоветуйте какой плеер для воспроизведения видео с YouTube в RN?

Посоветуйте какой плеер для воспроизведения видео с YouTube в RN?

WebView

WebView

как открыть видео в fullScreen ?

как открыть видео в fullScreen ?

android or ios?

android or ios?

1ое

1ое

https://github.com/teamairship/react-native-android-fullscreen-webview-video#readme

https://github.com/teamairship/react-native-android-fullscreen-webview-video#readme

еще как вы решили проблему переходов внутри webView , если кликнуть по логитипу youtube

еще как вы решили проблему переходов внутри webView , если кликнуть по логитипу youtube

Не решал такую проблему. Думаю можно поиграться с injectedJavaScript

Не решал такую проблему. Думаю можно поиграться с injectedJavaScript

То что нужно )

Начал тут учить react native по вынужденным причинам, оказывается есть и vue native, который тоже работает с expo Может кто-то успел поработать с обоими инструментами и может сказать свое мнение? Просто слышу постоянно, что react говно, а vue весь такой классный, может тогда стоит сразу на vue native делать приложение? P.S. я бэкендщик, поэтому вопросы могут быть глупые)

Начал тут учить react native по вынужденным причинам, оказывается есть и vue native, который тоже работает с expo Может кто-то успел поработать с обоими инструментами и может сказать свое мнение? Просто слышу постоянно, что react говно, а vue весь такой классный, может тогда стоит сразу на vue native делать приложение? P.S. я бэкендщик, поэтому вопросы могут быть глупые)

vue native это обертка над реактом))

это одно и тоже

все, понял, спасибо)

Начал тут учить react native по вынужденным причинам, оказывается есть и vue native, который тоже работает с expo Может кто-то успел поработать с обоими инструментами и может сказать свое мнение? Просто слышу постоянно, что react говно, а vue весь такой классный, может тогда стоит сразу на vue native делать приложение? P.S. я бэкендщик, поэтому вопросы могут быть глупые)

Сам React норм... не знаю, может у web-сообщества к нему и есть какие-то претензии, но у меня нет. Более того, похоже, это единственный открытый проект фейсбука, который действительно нормально менеджерят. Остальное странное, из того, что я уже видел: flowtype, yarn (имеет шанс тоже стать нормальным, но в этом будет виноват не fb, а npm Inc), buck, watchman, yoga, react-native... развивается непредсказуемо, содержит огромное кол-во багов, которые не фиксятся уже можно сказать годами, нет коммуникации с сообществом... jest в последнее время вроде прогрессирует ещё в лучшую сторону... Возвращаясь к React... в сравнении с vue - он прост и хорошо документирован!

спс за фидбек, мне вообще нужен прототип на клиенте в моб приложении, но мнения по реакту реально расходятся)

делайте на рн спокойно

??

если тебя сильно беспокоят мнение сообщества, можешь сделать на флаттере

Данные попадают во flatlist, прямо в props renderItem, а сам список не отображается

ERROR: S client not available

Как такое может быть?

Такого не может быть)

Как такое может быть?

Легко. Мой совет посмотреть на примаунченные элементы и их лэйаут через react-devtools или им подобные штуки...

Легко. Мой совет посмотреть на примаунченные элементы и их лэйаут через react-devtools или им подобные штуки...

Решил проблему, там вообще по глупости получилось)Забыл главному флекс дать и вот результат)

Решил проблему, там вообще по глупости получилось)Забыл главному флекс дать и вот результат)

Ага, я поэтому про react-devtools и писал )

Ага, я поэтому про react-devtools и писал )

Тепреь буду знать, спасибо!)

Webview on Android не работает injectedJavaScript Кто сталкивася с такой проблемой ? https://snack.expo.io/@retyui/webview_injectedjavascript_bag

Ребяяяяята, памагити ? формирую headers перед запросом, из AsyncStorage получаю токен, чтобы его засунуть в хедер и отправить с запросом, в самом первом запросе хедер не подцепляется, в последующих норм, попыталась в thunk сделать так const _getUserProfile = headers => ({ type: actionTypes.GET_USER_PROFILE, payload: { request: { url: API.userProfileUrl(), method: 'get', headers: headers, }, options: { onSuccess({dispatch, response}) { API.handleSuccess(response, dispatch, actionTypes.GET_USER_PROFILE_SUCCESS, actionTypes.GET_USER_PROFILE_FAIL) }, onError({dispatch, error}) { API.handleError(dispatch, actionTypes.GET_USER_PROFILE_FAIL, error) }, }, }, }) export const getUserProfile = () => { return (dispatch) => { const headers = API.getHeaders() if (headers) { console.log('=============> headers = ', headers) dispatch(_getUserProfile(headers)) } } } в логе хедеры нормально выводятся, потом redux-logger пишет GET_USER_PROFILE action, в нем рекваест заголовок содержит, проксирую через чарльза, токена в заголовке естественно нет. Как бороться с этой бедой?

export const getUserProfile = async () => { return async (dispatch) => { const headers = await API.getHeaders() // оно же асинхронное в прошлый раз было? if (headers) { console.log('=============> headers = ', headers) dispatch(_getUserProfile(headers)) } } }

export const getUserProfile = async () => { return async (dispatch) => { const headers = await API.getHeaders() // оно же асинхронное в прошлый раз было? if (headers) { console.log('=============> headers = ', headers) dispatch(_getUserProfile(headers)) } } }

const getToken = async () => { return await getItem('accessTokens') } export const getHeaders = () => { getToken().then(res => Object.assign(headers, {'X-Auth-Token': res.access_token})) return headers }

кто такой getItem?

асинхронная функция для получения токена из AsyncStorage

тебе нужно из getHeaders вернуть объект, дождавшись промиса

или просто верни промис, тогда, по идее в const headers = await API.getHeaders() дождется объекта но, возможно, я не прав

Слушайте... вот это вот всё выглядит очень просто... я не помню контекст, поэтому вот универсальный развернутый код с комментариями... чем меньше у вас будет async/await тем лучше вы будете осознавать, что на самом деле происходит, где промис, где синхронный вызов... можно заставить это работать в развернутом виде, потом отрефакторить в любую удобную вам архитектуру... function makeApiRequest() { console.log('makeApiRequest start') AsyncStorage.getItem('accessToken') .then((token) => { // если токен уже есть, просто возвращаем if (token) return token // если ещё никогда не было, надо его получить, сохранить в AsyncStorage и вернуть промис отресолвленный в него console.log('makeApiRequest token empty, request new one') return requestNewApiTokenAndSaveForFutureUse() }) .then((token) => { console.log('makeApiRequest get token: ', token) return fetch('https://mydomain.api.ru/endpoint/', { // сюда можно вставить всё что нужно ещё по конфигурации запроса... headers: { 'X-Auth-Token': token }, }) }) .then((res) => { console.log('makeApiRequest got response from api: ', res) return res.json() // Декодим ответ... здесь можно вставить проверку ошибок и пр... }) .then((data) => { console.log('makeApiRequest got response from api data: ', data) // делаем что-то с данными, к примеру постим в redux ? store.dispatch(makeActionFromApiResponse(data)) }) .catch((e) => { console.log('makeApiRequest error: ', (e.toString ? e.toString() : e)) }) }

Ребяяяяята, памагити ? формирую headers перед запросом, из AsyncStorage получаю токен, чтобы его засунуть в хедер и отправить с запросом, в самом первом запросе хедер не подцепляется, в последующих норм, попыталась в thunk сделать так const _getUserProfile = headers => ({ type: actionTypes.GET_USER_PROFILE, payload: { request: { url: API.userProfileUrl(), method: 'get', headers: headers, }, options: { onSuccess({dispatch, response}) { API.handleSuccess(response, dispatch, actionTypes.GET_USER_PROFILE_SUCCESS, actionTypes.GET_USER_PROFILE_FAIL) }, onError({dispatch, error}) { API.handleError(dispatch, actionTypes.GET_USER_PROFILE_FAIL, error) }, }, }, }) export const getUserProfile = () => { return (dispatch) => { const headers = API.getHeaders() if (headers) { console.log('=============> headers = ', headers) dispatch(_getUserProfile(headers)) } } } в логе хедеры нормально выводятся, потом redux-logger пишет GET_USER_PROFILE action, в нем рекваест заголовок содержит, проксирую через чарльза, токена в заголовке естественно нет. Как бороться с этой бедой?

Покажите строчку кода, где вы получате из AsyncStorage токен?

Покажите строчку кода, где вы получате из AsyncStorage токен?

export const getItem = async () => { try { const item = await AsyncStorage.getItem('accessTokens') return JSON.parse(item) } catch(error) { console.log(error.message) } }

Зачем это? return JSON.parse(item)

export const getItem = async () => { try { const item = await AsyncStorage.getItem('accessTokens') return JSON.parse(item) } catch(error) { console.log(error.message) } }

А во что отресолвится промис, возвращаемый ф-цией getItem, если внутри произойдет исключение... к примеру AsyncStorage.getItem вернет не json?

Извините, если что... это моя личная неприязнь к async/await стилю... оно было призвано сэкономить ровно один отступ, а вместо этого непропорционально увеличило ментальную нагрузку на чтение кода...

Зачем это? return JSON.parse(item)

asyncstore

только в стринг может

Извините, если что... это моя личная неприязнь к async/await стилю... оно было призвано сэкономить ровно один отступ, а вместо этого непропорционально увеличило ментальную нагрузку на чтение кода...

для кого как)

только в стринг может

всегда string отправляю

всегда string отправляю

ну ты можешь туда объект положить, в stringify

а потом получить обратно объект когда тебе это надо

ну ты можешь туда объект положить, в stringify

в ее конкретном случае зачем?

в ее конкретном случае зачем?

это уже другой вопрос)

это уже другой вопрос)

вот и я про то)