Оп, спасибо

Всем привет! Хочу познакомиться: Я работаю в компании Silicon Valley Insight iOS разработчиком мобильных приложений. Пишу на свифте, но вот уже где-то с мая копаю React Native тему, сейчас в компании практически все моб. проекты на нем и GraphQL. Буду в октябре на MBLTdev выступать с докладом про GraphQL. Хочу понять что у нас с RN комьюнити в Москве. Есть ли митапы, встречи и тд? Кто из МСК? Давайте дружить!

Я конечно не с МСК, но давай дружить ?как тебе RN после мобильной разработки?)

ахахах)

Есть некоторые претензии к JS, как к языку, ну потому что я привык к строго типизированным. Сейчас подключил Flow, частично решает проблему, но все же. В целом, вижу RN как отличный вариант для компаний, которым нужно сделать качественное мобильное приложение (iOS + Android), но в тоже время, они готовы жертвовать некоторыми вещами, которые делаются только при помощи нативных разработчиков. Hot Reload = ❤️ потому что чтобы увидеть изменение проекта на свифте, надо ждать минуты 2-3 и то, если у тебя крутой мак, у меня был эир 2011 и я собирал проект по 5-6 минут

Есть некоторые претензии к JS, как к языку, ну потому что я привык к строго типизированным. Сейчас подключил Flow, частично решает проблему, но все же. В целом, вижу RN как отличный вариант для компаний, которым нужно сделать качественное мобильное приложение (iOS + Android), но в тоже время, они готовы жертвовать некоторыми вещами, которые делаются только при помощи нативных разработчиков. Hot Reload = ❤️ потому что чтобы увидеть изменение проекта на свифте, надо ждать минуты 2-3 и то, если у тебя крутой мак, у меня был эир 2011 и я собирал проект по 5-6 минут

А можешь пример "жертв" привести? Правда интересно ?

я как-то делал на экране 4 Scroll View, одно скролишь, а остальные программно подстраиваются. Все жутко лагало, потому что ивенты с нативной прослойки идут в JS тред, там обрабатываются и отсылаются обратно в натив

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

я как-то делал на экране 4 Scroll View, одно скролишь, а остальные программно подстраиваются. Все жутко лагало, потому что ивенты с нативной прослойки идут в JS тред, там обрабатываются и отсылаются обратно в натив

принимается, действительно хороший кейс ?

с анимациями я не успел поработать, но в нейтиве делал крутые штуки с кастомными переходами между экранами. В RN не уверен, что получится сделать что-то сложное

с переходами между экранами я не уверен, сам не делал, да и навигация все же другая совсем, а так можно анимации вьюх делать) кстати с помощью Animated.setValue можно было решать твою задачу с скролл вью ?

хотя не, фигню говорю

хм, а что, процесс взаимодействия другой? Разве не будет тех же задержек?

по анимация есть крутая либа от wix, там анимации декларативно описываются, а выполняются целиком в нативе

https://github.com/wix/react-native-interactable

О, класс

у них же еще свой навигатор, да?

ну просто если сделать вьюху кастомную, а свойство будет как animated, то при Animated.setValue сеттер будет просто вызываться) я так некоторые критичные вещи делал

у них же еще свой навигатор, да?

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

у них же еще свой навигатор, да?

Да, есть

да, мы сейчас вообще на expo.io сидим, и не хотив отвязываться до победного конца

GraphQL кто-нибудь использует?

GraphQL кто-нибудь использует?

я использую вместе с apollo

GraphQL кто-нибудь использует?

У нас почти все на нем

Класс, мы тоже на Аполло. Пробовали Relay, но что-то с документацией у них не то =(

Что за компании, если не секрет?

GraphQL кто-нибудь использует?

я использую, но только без аполо)

relay с РН очень работает. Есть много неочевидных моментов

Что за компании, если не секрет?

у меня свой проект. Когда допишу, покажу) Пока остановился на деплое проекта на aws

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

поэтому интересно кто как использует, какие проблемы видите и тд

expo.io - классный проект, только минимальный билд в 20 мб отталкивает.

у меня свой проект. Когда допишу, покажу) Пока остановился на деплое проекта на aws

я graph.cool использовал, крутая штука, ребят оттуда знаю, они очень сильно сообщество двигают. Сейчас на RoR пишем свой сервер

я graph.cool использовал, крутая штука, ребят оттуда знаю, они очень сильно сообщество двигают. Сейчас на RoR пишем свой сервер

да нормальный сервер для прототипа

Добрый день, подскажите пожалуйста, есть "биндинг" (нативный модуль для iOS), расположил его в libs/RNSomeName/ как мне его "подключить" в проект

?

Добрый день, подскажите пожалуйста, есть "биндинг" (нативный модуль для iOS), расположил его в libs/RNSomeName/ как мне его "подключить" в проект

какой нативный модуль

https://github.com/ianlin/react-native-carrier-info

нужен, что бы получить country_code

там наверняка есть npm link тебе надо через npm ставить либу

http://facebook.github.io/react-native/releases/0.48/docs/linking-libraries-ios.html#linking-libraries

провалился на 3м пункте

xcode начал ругаться на их xcodeproj

xcode начал ругаться на их xcodeproj

что пишет?

Красным выделяет xcodeproj

попробуй дальше пойти

4, 5 пункт сделать

буду пробовать, спасибо)

Привет. Подскажите можно ли при помощи bluethooth на iphone получать и отправлять данные, на другую bluethooth "железку", которая не является iphone?

я использую вместе с apollo

может я что-то не знаю, на Firebase сижу. в чем профит Apollo?

Привет. Подскажите можно ли при помощи bluethooth на iphone получать и отправлять данные, на другую bluethooth "железку", которая не является iphone?

можно. например у меня колонки так подключаются

можно. например у меня колонки так подключаются

А каким образом там устанавливается соединение? Либа какая-то есть? Или на нативе делать?

может я что-то не знаю, на Firebase сижу. в чем профит Apollo?

Это если бек свой) а с Firebase нафиг нада

А каким образом там устанавливается соединение? Либа какая-то есть? Или на нативе делать?

тут я не помощник) думаю надо в нативе писать

может я что-то не знаю, на Firebase сижу. в чем профит Apollo?

apollo - это уровень абстракции, чтобы работать с схемами graphQL. Firebase - это платформа для создания бекенда

apollo - это уровень абстракции, чтобы работать с схемами graphQL. Firebase - это платформа для создания бекенда

то есть можно юзать Apollo для работы с Firebase на схамах GraphQL?

то есть можно юзать Apollo для работы с Firebase на схамах GraphQL?

firebase не поддерживает graphql же?

да полно там блютусов вроде

вот например https://github.com/Polidea/react-native-ble-plx

А можешь пример "жертв" привести? Правда интересно ?

Стики хедеры когда в списке более 1к элементов Потом добавь к этому грид лейаут и все

Что используете для кеширования картинок в Image?

Рн cached image

Есть некоторые претензии к JS, как к языку, ну потому что я привык к строго типизированным. Сейчас подключил Flow, частично решает проблему, но все же. В целом, вижу RN как отличный вариант для компаний, которым нужно сделать качественное мобильное приложение (iOS + Android), но в тоже время, они готовы жертвовать некоторыми вещами, которые делаются только при помощи нативных разработчиков. Hot Reload = ❤️ потому что чтобы увидеть изменение проекта на свифте, надо ждать минуты 2-3 и то, если у тебя крутой мак, у меня был эир 2011 и я собирал проект по 5-6 минут

У андроида проще с этим

firebase не поддерживает graphql же?

ясно)

Могу ли унаследоваться от стандартного компонента(будь это text) и указать ему стандартные props нужные мне?

Наследование грех

Сделай функцию

Могу ли унаследоваться от стандартного компонента(будь это text) и указать ему стандартные props нужные мне?

1) defaultProps 2) const { foo = 1, bar = 2 } = this.props 3) <Text foo={this.props.foo || 1} />

Покажи example, я не понял

Покажи example, я не понял

const MyText = ({ foo }) => ( <Text foo={foo} bar={1} /> )

Я хочу вот так - class MyText extends Text { }

указать нужные пропсы

Я хочу вот так - class MyText extends Text { }

а ты перехоти ?

и использовать вот так <MyText textProp=prop />

просто используй композицию, не нужно тебе наследование

Я уже и забыл, как круто работать с RN, последний проект делал на нем 1,5 года назад, "клон" кинопоиска для теста.. написал без знаний основ за несколько ночей. Очень удобный инструмент.

и использовать вот так <MyText textProp=prop />

https://facebook.github.io/react/docs/composition-vs-inheritance.html#so-what-about-inheritance

firebase не поддерживает graphql же?

Если я все же хочу использовать GraphQL, то какой бэкенд использовать(желательно простой как Firebase)?

У самого Facebook есть что?

Если я все же хочу использовать GraphQL, то какой бэкенд использовать(желательно простой как Firebase)?

сам не пользовался, но на рынке есть https://www.graph.cool/

сам не пользовался, но на рынке есть https://www.graph.cool/

спасибо!

response.json() возвращает Promise. В нем есть значение если вывести через console.log(). Как с него прочитать значение синхронно? Впервые работаю с Promise на JS.

response.json() возвращает Promise. В нем есть значение если вывести через console.log(). Как с него прочитать значение синхронно? Впервые работаю с Promise на JS.

fetch(url) .then(response => response.json()) .then(result => console.log(result))

fetch(url) .then(response => response.json()) .then(result => console.log(result))

может так лучше? const response = await fetch(url); console.log(response.json())

сам не пользовался, но на рынке есть https://www.graph.cool/

это тема не только для RN ) чат нашел https://t.me/graphql_ru

может так лучше? const response = await fetch(url); console.log(response.json())

response.json тож промис вернет

response.json тож промис вернет

посыпаю голову пеплом ) const response = await fetch('http://json-schema.org/example/card.json'); const json = await response.json(); console.log(json)

Простите за новые ламерские вопросы) почему не работает? const self = this; fetch('https://facebook.github.io/react-native/movies.json') .then((response) => response.json()) .then((responseJson) => { self.props.navigation('Game'); }) .catch((error) => { console.error(error); });

self.props.navigation('Game'); -> self.props.navigation.navigate('Game');

А зачем тут this в self записывать?

А зачем тут this в self записывать?

...но это уже совсем другая история ))

...но это уже совсем другая история ))

?

Простите за новые ламерские вопросы) почему не работает? const self = this; fetch('https://facebook.github.io/react-native/movies.json') .then((response) => response.json()) .then((responseJson) => { self.props.navigation('Game'); }) .catch((error) => { console.error(error); });

какую задачу решить хотите этим кодом? =)