ухты в реакте есть DI ? =))

ухты в реакте есть DI ? =))

Что это ? ))

dependency injection

Незнаю, я же новичек) Просто как должное воспринял. Помню они много где есть, в др языках. А в JS это помоему более современный стандарт?

dependency injection

можно ведь легко написть

Это везде обертка просто? Определенные действия до и после?

Какой самый быстрый и провереный способ регистрации через СМС?

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

https://github.com/jondot/awesome-react-native#open-source-apps

https://github.com/jondot/awesome-react-native#open-source-apps

??спасибо

Спецы, кто нибудь подключал facebook account kit для ios?

Было дело

Если правильно понимаю, о чем речь, то все делали по доке. Главное не забыть его скопировать по тому же пути

Если правильно понимаю, о чем речь, то все делали по доке. Главное не забыть его скопировать по тому же пути

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

Спецы, кто нибудь подключал facebook account kit для ios?

С телефона пишу, проверить не могу. Но работало. Проверь может уже был ранее подключён старый? И ещё проверочка: в Xcode видно его (где-то должно быть)

И это было у нас без expo , хотя вряд ли это супер важно

И это было у нас без expo , хотя вряд ли это супер важно

с экспо вообще не реально. Детачили экспо проект до полного rn

но, в принципе, пока и так не поборол

А ошибка какая? Текст не гуглится?

но, в принципе, пока и так не поборол

Ещё переустановка модулей и линк, а-Ля местный ресет

буду тыкать

Ребятки, привет, можеткто делал или есть под рукой ссылки, как реализовывать на РН и react-navigation, защиту паролем

есть ли что-то вроде guards или вроде того

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

Не могли бы меня просветить, а что вообще использовать для таких дел?

Кто-нибудь юзает https://github.com/storybooks/storybook ?

привет! подключил к приложению свои свг иконки, и немного все начало подтормаживать, а имено при переключении по таб навигатору(а свг иконки именно там) все переключаетс яс опозданием на 1-2 сек, может ли это быть связанно как то с иконками? я их тупо импортировал по одному и закинул в tabBarIcon

привет! подключил к приложению свои свг иконки, и немного все начало подтормаживать, а имено при переключении по таб навигатору(а свг иконки именно там) все переключаетс яс опозданием на 1-2 сек, может ли это быть связанно как то с иконками? я их тупо импортировал по одному и закинул в tabBarIcon

А как у тебя иконки рендерятся? В RN же нет свг

А как у тебя иконки рендерятся? В RN же нет свг

react-native-svg-uri через эту штуку вот так tabBarIcon: ({ tintColor }) => <Svg width="20" fill={tintColor} fillAll="true" height="20" source={money} />

react-native-svg-uri через эту штуку вот так tabBarIcon: ({ tintColor }) => <Svg width="20" fill={tintColor} fillAll="true" height="20" source={money} />

Так попробуй в png иконки преобразуй и вставь туда же, потом сравни оба варианта, чтоб точно знать, из-за иконок ли задержки

Так попробуй в png иконки преобразуй и вставь туда же, потом сравни оба варианта, чтоб точно знать, из-за иконок ли задержки

подключил иконки через react-native-elements , - <Icon name='rowing' /> все норм теперь быстро все, но как быть если хочется своих иконок ? наверно надо как то потимизировать...

hello guys, скажите, если я юзаю react-navigation + redux, обязательно ли мне интегрировать redux в соответствии с документацией? со всеми этими redux-helpers etc. Или же это опционально и дает просто какие-то преимущества?

подключил иконки через react-native-elements , - <Icon name='rowing' /> все норм теперь быстро все, но как быть если хочется своих иконок ? наверно надо как то потимизировать...

если иконки монохромные, то можно svg конвертировать в ttf и подключать как шрифт

подключил иконки через react-native-elements , - <Icon name='rowing' /> все норм теперь быстро все, но как быть если хочется своих иконок ? наверно надо как то потимизировать...

react-native-elements использует react-native-vector-icons, а там уже описано, как свои можно подключить, используя шрифты

салют всем! я использую react-native-swipe-cards и хочу в фоне подгружать новые карточки не вызывая полную перерисовку, потому что сбрасывается текущая карточка пользователя. сделал вот так: fetchNewAds() { return HttpClient.fetchCards().then( cards => { const ids = this.state.cards.map(card => card.id); cards.filter(card => { if (!ids.includes(card.id)) { this.state.cards.push(card); } }); }) } componentDidMount() { HttpClient.fetchCards().then( cards => { this.setState({ cards: cards }) this.intervalId = setInterval(() => this.fetchNewAds(), 500) }); } но чувствую это не react way... прокоментируйте плз

салют всем! я использую react-native-swipe-cards и хочу в фоне подгружать новые карточки не вызывая полную перерисовку, потому что сбрасывается текущая карточка пользователя. сделал вот так: fetchNewAds() { return HttpClient.fetchCards().then( cards => { const ids = this.state.cards.map(card => card.id); cards.filter(card => { if (!ids.includes(card.id)) { this.state.cards.push(card); } }); }) } componentDidMount() { HttpClient.fetchCards().then( cards => { this.setState({ cards: cards }) this.intervalId = setInterval(() => this.fetchNewAds(), 500) }); } но чувствую это не react way... прокоментируйте плз

а в чем поинт тогда загружать и мутировать состояние вью, если ты его никак не отображаешь?

react-native-elements использует react-native-vector-icons, а там уже описано, как свои можно подключить, используя шрифты

кстати, так и сделал, спасибо большое

кстати, так и сделал, спасибо большое

ага

салют всем! я использую react-native-swipe-cards и хочу в фоне подгружать новые карточки не вызывая полную перерисовку, потому что сбрасывается текущая карточка пользователя. сделал вот так: fetchNewAds() { return HttpClient.fetchCards().then( cards => { const ids = this.state.cards.map(card => card.id); cards.filter(card => { if (!ids.includes(card.id)) { this.state.cards.push(card); } }); }) } componentDidMount() { HttpClient.fetchCards().then( cards => { this.setState({ cards: cards }) this.intervalId = setInterval(() => this.fetchNewAds(), 500) }); } но чувствую это не react way... прокоментируйте плз

если использовать отдельный стейт для текущей карточки, currentCard или currentCardId например, то вроде не должно сбрасываться

Можешь использовать мою программу для конвертации из svg в RN Element https://github.com/khorark/svg-icons-to-react-native

react-native-svg-uri через эту штуку вот так tabBarIcon: ({ tintColor }) => <Svg width="20" fill={tintColor} fillAll="true" height="20" source={money} />

Приветствую! я новичок, начал изучать react-native. и у меня проблема , прочитал stackoverflow и так же других местах но не могу решить проблему. надеюсь вы поможете разобраться в этом) проблема такая -> npm start пишу и в резултате Starting packager ... и не запускаеться проект

Environment: OS: Linux 4.15 Node: 6.14.1 Yarn: Not Found npm: 6.1.0 Watchman: 4.7.0 Xcode: N/A Android Studio: Not Found Packages: (wanted => installed) react: ^16.1.1 => 16.4.0 react-native: ^0.55.4 => 0.55.4

Environment: OS: Linux 4.15 Node: 6.14.1 Yarn: Not Found npm: 6.1.0 Watchman: 4.7.0 Xcode: N/A Android Studio: Not Found Packages: (wanted => installed) react: ^16.1.1 => 16.4.0 react-native: ^0.55.4 => 0.55.4

npm ls —depth=0 -D В терминале из папки эппа покажи

npm ERR! arg Argument starts with non-ascii dash, this is probably invalid: [ '—depth=0' ] Unhandled rejection Error: Invalid tag name "—depth=0": Tags may not have any characters that encodeURIComponent encodes. at invalidTagName (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/npm-package-arg/npa.js:87:15) at fromRegistry (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/npm-package-arg/npa.js:290:13) at resolve (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/npm-package-arg/npa.js:77:12) at npa (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/npm-package-arg/npa.js:48:10) at /home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/lib/ls.js:65:17 at Array.map (native) at ls.fromTree (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/lib/ls.js:61:17) at /home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/lib/ls.js:42:7 at inflateShrinkwrap.then (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/lib/install/inflate-shrinkwrap.js:36:11) at tryCatcher (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/bluebird/js/release/util.js:16:23) at Promise._settlePromiseFromHandler (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/bluebird/js/release/promise.js:512:31) at Promise._settlePromise (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/bluebird/js/release/promise.js:569:18) at Promise._settlePromise0 (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/bluebird/js/release/promise.js:614:10) at Promise._settlePromises (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/bluebird/js/release/promise.js:693:18) at Async._drainQueue (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/bluebird/js/release/async.js:133:16) at Async._drainQueues (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/bluebird/js/release/async.js:143:10) npm ERR! cb() never called! npm ERR! This is an error with npm itself. Please report this error at: npm ERR! <https://github.com/npm/npm/issues> npm ERR! A complete log of this run can be found in: npm ERR! /home/arnal/.npm/_logs/2018-05-27T11_36_17_101Z-debug.log

0 info it worked if it ends with ok 1 verbose cli [ '/home/arnal/.nvm/versions/node/v6.14.1/bin/node', 1 verbose cli '/home/arnal/.nvm/versions/node/v6.14.1/bin/npm', 1 verbose cli 'ls', 1 verbose cli '—depth=0', 1 verbose cli '-D' ] 2 info using npm@6.1.0 3 info using node@v6.14.1 4 error arg Argument starts with non-ascii dash, this is probably invalid: [ '—depth=0' ] 5 timing npm Completed in 4066ms 6 error cb() never called! 7 error This is an error with npm itself. Please report this error at: 8 error <https://github.com/npm/npm/issues>

Там 2 дефиса

CurrencyConverter-Starter@0.1.0 /home/arnal/React/currency-converter-starter ├── @expo/vector-icons@6.2.0 ├── babel-eslint@8.2.3 ├── color@2.0.0 ├── eslint@4.19.1 ├── eslint-config-airbnb@16.1.0 ├── eslint-plugin-import@2.12.0 ├── eslint-plugin-jsx-a11y@6.0.3 ├── eslint-plugin-react@7.8.2 ├── expo@23.0.6 ├── jest-expo@23.0.1 ├── moment@2.22.1 ├── prettier@1.12.1 ├── prettier-eslint@8.8.1 ├── UNMET PEER DEPENDENCY react@16.4.0 ├── react-native@0.55.4 ├── react-native-extended-stylesheet@0.8.0 ├── react-native-scripts@1.14.1 ├── react-test-renderer@16.4.0 └── watchman@1.0.0 npm ERR! peer dep missing: react@16.3.1, required by react-native@0.55.4 npm ERR! missing: mkdirp@0.5.1, required by node-pre-gyp@0.10.0 npm ERR! missing: minimist@0.0.8, required by mkdirp@0.5.1 npm ERR! missing: minimatch@3.0.4, required by ignore-walk@3.0.1 npm ERR! missing: brace-expansion@1.1.11, required by minimatch@3.0.4 npm ERR! missing: balanced-match@1.0.0, required by brace-expansion@1.1.11 npm ERR! missing: concat-map@0.0.1, required by brace-expansion@1.1.11 npm ERR! missing: safe-buffer@5.1.1, required by readable-stream@2.3.6 npm ERR! missing: safe-buffer@5.1.1, required by string_decoder@1.1.1 npm ERR! missing: minimatch@3.0.4, required by glob@7.1.2 npm ERR! missing: wrappy@1.0.2, required by inflight@1.0.6 npm ERR! missing: wrappy@1.0.2, required by once@1.4.0 npm ERR! missing: minipass@2.2.4, required by tar@4.4.1 npm ERR! missing: mkdirp@0.5.1, required by tar@4.4.1 npm ERR! missing: safe-buffer@5.1.1, required by tar@4.4.1 npm ERR! missing: yallist@3.0.2, required by tar@4.4.1 npm ERR! missing: minipass@2.2.4, required by fs-minipass@1.2.5 npm ERR! missing: safe-buffer@5.1.1, required by minipass@2.2.4 npm ERR! missing: yallist@3.0.2, required by minipass@2.2.4 npm ERR! missing: minipass@2.2.4, required by minizlib@1.1.0 npm ERR! peer dep missing: react@16.3.1, required by react-native@0.55.4

Crna? А что в package.json?

{ "name": "CurrencyConverter-Starter", "version": "0.1.0", "private": true, "devDependencies": { "babel-eslint": "^8.0.2", "eslint": "^4.12.0", "eslint-config-airbnb": "^16.1.0", "eslint-plugin-import": "^2.7.0", "eslint-plugin-jsx-a11y": "^6.0.2", "eslint-plugin-react": "^7.5.1", "jest-expo": "^23.0.0", "prettier": "^1.5.3", "prettier-eslint": "^8.2.2", "react-native-scripts": "^1.14.1", "react-test-renderer": "^16.1.1" }, "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js", "scripts": { "start": "react-native-scripts start", "eject": "react-native-scripts eject", "android": "react-native-scripts android", "ios": "react-native-scripts ios", "test": "node node_modules/jest/bin/jest.js —watch", "lint": "eslint app/", "lint:fix": "eslint app/ —fix" }, "jest": { "preset": "jest-expo" }, "dependencies": { "@expo/vector-icons": "6.2.0", "color": "2.0.0", "expo": "^23.0.2", "moment": "^2.22.1", "react": "^16.1.1", "react-native": "^0.55.4", "react-native-extended-stylesheet": "0.8.0", "watchman": "^1.0.0" }, "repository": "https://github.com/HandlebarLabs/currency-converter-starter.git", "author": "Arnal Shoorukov <arnal.shoorukov@gmail.com>", "license": "MIT" }

Ребят, не подскажете, у меня при инициализации приложения в консоли браузера redux-logger не показывает initial состояние стора, но показыват, если начинаешь менять его. Можно как-то указать в опции этой мидлвары, чтобы отображалось и начальное состояние?

1) при инициализации приложения можешь сам логгировать 2) почитай исходники redux-logger и получишь ответ, так быстрее

спасибо

Господа, я пытаюсь тут билдить под веб. И у меня есть такая строчка const RouterPackage = isWeb ? require('react-router-dom') : require('react-router-native');

почему даже если isWeb == true, npm пытается скомпилить вторую часть?

и пишет соответственно failed to compile ./node_modules/react-router-native/NativeRouter.js Module parse failed: Unexpected token (11:2)

хотя наверное как всегда проблемы с версиями.

а в чем поинт тогда загружать и мутировать состояние вью, если ты его никак не отображаешь?

а том что когда пользователь листает, чтобы новые элементы тоже были в коллекции, но добавлять их незаметно для пользователя

на подобие infinite scroll

Привет, кто-нибудь сидел над пушами для андроида? не могу врубиться в стандартную библиотеку, там есть метод cancel(int id), который дропает пуш. Что за id надо использовать? message_id, который gcm отдает или какой-то другой? Пишу бэкенд для удаления уведомлений, хочу передавать просто параметр action: remove со старым id (генерится на моем бэкенде), и на клиенте удалять уже

препарирую либу react-native-notifications

Привет, кто-нибудь сидел над пушами для андроида? не могу врубиться в стандартную библиотеку, там есть метод cancel(int id), который дропает пуш. Что за id надо использовать? message_id, который gcm отдает или какой-то другой? Пишу бэкенд для удаления уведомлений, хочу передавать просто параметр action: remove со старым id (генерится на моем бэкенде), и на клиенте удалять уже

Когда вы реквестите показ нотификейшена вы передаете идентификатор для этого нотификейшена - это может быть любое целое число. Используя этот идентификатор вы можете обновлять или отменять уведомление. Обычно этот идентификатор хранится где-то в ресурсах или преференсах.

То есть вас никто не обязывает использовать какой-то конкретный идентификатор. Исключительно на ваше усмотрение.

Когда вы реквестите показ нотификейшена вы передаете идентификатор для этого нотификейшена - это может быть любое целое число. Используя этот идентификатор вы можете обновлять или отменять уведомление. Обычно этот идентификатор хранится где-то в ресурсах или преференсах.

а, то есть смотреть в сторону инициализации показа при получении пуша, попробовать свой id проставить?

да

спасибо, кажись понял как сделать

У меня в двух разных приложениях авторизация в фейсбук стала требовать ввести логин и пароль (iOS & Android), в то время когда раньше нормально авторизовывалось через фб приложение. Кто-нибудь столкнулся с такой же проблемой?

Ребят, а почему может не запускаться приложение именно под android. То есть код компилируется, запускается без ошибок, билдится без ошибок, но потом показывает белый экран. Однако всё тоже самое работает хорошо под ios

Ребят, а почему может не запускаться приложение именно под android. То есть код компилируется, запускается без ошибок, билдится без ошибок, но потом показывает белый экран. Однако всё тоже самое работает хорошо под ios

а экраны запускаются? проверь логами можешь еще запустить npx react-devtools и проверить верстку

у нас недавно какой-то keyboard avoid без flex: 1 на иос белый экран делал

а экраны запускаются? проверь логами можешь еще запустить npx react-devtools и проверить верстку

В логах всё чисто. Зелененький лоадел 100% успешной загрузке

В логах всё чисто. Зелененький лоадел 100% успешной загрузке

то есть до лога в render компонента-экрана вообще не доходит? а что за навигатор?

то есть до лога в render компонента-экрана вообще не доходит? а что за навигатор?

Там просто render функция onboarding

Всем привет! Возникла такая ситуация, приложение на RN, бэкенд на джанго, реализована загрузка картинок через обертку стандартного fetch. Так вот при загрузке с эмулятора картинка на сервер попадает с кривыми правам, в результате чего отдается 403 ошибка, с устройства иногда нормально, иногда криво. Куда копать, в чем может быть причина? Если через браузер загружать картинку тем же методом API - все нормально, cURL'ом - тоже нормально.

Всем привет! Возникла такая ситуация, приложение на RN, бэкенд на джанго, реализована загрузка картинок через обертку стандартного fetch. Так вот при загрузке с эмулятора картинка на сервер попадает с кривыми правам, в результате чего отдается 403 ошибка, с устройства иногда нормально, иногда криво. Куда копать, в чем может быть причина? Если через браузер загружать картинку тем же методом API - все нормально, cURL'ом - тоже нормально.

Ну куки видать неправильные отправляются, а то и вовсе не отправляются

всем привет ребята подскажите пожалуйста как решить проблемы после ввода react-native run-ios вижу такую ошибку Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/test.app/Info.plist Print: Entry, ":CFBundleIdentifier", Does Not Exist

всем привет ребята подскажите пожалуйста как решить проблемы после ввода react-native run-ios вижу такую ошибку Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/test.app/Info.plist Print: Entry, ":CFBundleIdentifier", Does Not Exist

о привет, у меня такой же косяк

я щас решаю