Size: a a a

React Native — русскоговорящее сообщество

2020 August 17

А

Антон in React Native — русскоговорящее сообщество
Евгений
когда понадобится сделать эджект (а тебе понадобится), проклянешь всё)
а с виду крутой удобный инструмент, через студию и икс код геморно собирать конечно.

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

PH

Pavlo Huk in React Native — русскоговорящее сообщество
Привет, недавно увидел тут react-native-debugger и жить стало проще, мб еще что-то придумали для упрощения разработки на рн? Подскажите, если не трудно. Заранее спасибо
источник

Е

Евгений in React Native — русскоговорящее сообщество
Антон
а с виду крутой удобный инструмент, через студию и икс код геморно собирать конечно.

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

Е

Евгений in React Native — русскоговорящее сообщество
Антон
а с виду крутой удобный инструмент, через студию и икс код геморно собирать конечно.

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

А

Антон in React Native — русскоговорящее сообщество
Евгений
нельзя
почему нельзя? это же реактовские либы а не нативный код джава или obj-c.
источник

Е

Евгений in React Native — русскоговорящее сообщество
Pavlo Huk
Привет, недавно увидел тут react-native-debugger и жить стало проще, мб еще что-то придумали для упрощения разработки на рн? Подскажите, если не трудно. Заранее спасибо
flipper?
источник

GB

Gena Black in React Native — русскоговорящее сообщество
上帝赐予 魔鬼爱了
Понятно. А есть какой-нибудь интересный гайд по профилированию, кроме как в доках rn? Ещё проблема, что фризы только на ios
Я лично профилирую в хроме. Включаю дебаггер в хроме, дальше вкладка performance (кажется), выбираем воркера правильного (там два будет - один JS из приложения, второй бридж в хром, но их легко определить, на бридже никаких данных не будет, только мессаджи сервисные). Жмем кнопку запись, делаем что-то в приложении, смотрим, думаем. Правим код, смотрим, думаем. etc...
источник

上魔

上帝赐予 魔鬼爱了... in React Native — русскоговорящее сообщество
Gena Black
Я лично профилирую в хроме. Включаю дебаггер в хроме, дальше вкладка performance (кажется), выбираем воркера правильного (там два будет - один JS из приложения, второй бридж в хром, но их легко определить, на бридже никаких данных не будет, только мессаджи сервисные). Жмем кнопку запись, делаем что-то в приложении, смотрим, думаем. Правим код, смотрим, думаем. etc...
Спасибо, посмотрю)
источник

GB

Gena Black in React Native — русскоговорящее сообщество
Смотреть я рекомендую не на кастомные чекпоинты от RN (они конечно красиво общую картинку показывают по рендеру, но врут), а на реальный код, на трейсы вызовов ф-ций, хоть в них и сложнее разобраться теперь, т.к. в реакте асинхронный рендер с некоторых пор (фиберы)
источник

👨

👨🏻‍💻 in React Native — русскоговорящее сообщество
Хорошая презентация по теме

https://www.youtube.com/watch?v=9sWxSQCZ4us

Troubleshooting a slow app, a practical guide to great React Native performance - Jean-Remi Beaudoin
источник
2020 August 18

АК

Алексей Козин... in React Native — русскоговорящее сообщество
Хороший канал тут, всегда помогут 👍 респект всем
источник

DS

Danil Sergeev in React Native — русскоговорящее сообщество
У кого то было что react-navigation срабатывает сам по себе? Как будто бы экран релоадит, ошибок нет.
источник

AM

Alex Molchanov in React Native — русскоговорящее сообщество
Danil Sergeev
У кого то было что react-navigation срабатывает сам по себе? Как будто бы экран релоадит, ошибок нет.
Нигде на кнопках не висит вызов функций типа onPress={() => action()}? А в экшн действие с навигатором
источник

AM

Alex Molchanov in React Native — русскоговорящее сообщество
onPress={() => action} вот так должно быть, иначе срабатывает функция на перерисовке, потому что вызывается
источник

J

Jasur in React Native — русскоговорящее сообщество
Всем привет.
Как можно управлять  нескольких inputов  с помощью одного обработчика  в React Native?

Например у меня два инпута. Email и Password. Я не хочу для обоих им сделать два отдельных функции.


В реакте это так реализуется

const [state, setState] = React.useState({
   email: "",
   password: ""
 })



function handleChange(evt) {
 setState({
   ...state,
   [evt.target.name]: evt.target.value;
 });
}
источник

J

Jasur in React Native — русскоговорящее сообщество
Как вот этот
[evt.target.name]: evt.target.value;
часть на React Native сделать ?
источник

А

А В in React Native — русскоговорящее сообщество
самое первое пришло на ум - с помощью ref
источник

GB

Gena Black in React Native — русскоговорящее сообщество
Alex Molchanov
onPress={() => action} вот так должно быть, иначе срабатывает функция на перерисовке, потому что вызывается
Наверное всё же правильно:
onPress={() => fn()}
onPress={fn}

И не правильно:
onPress={() => fn}
onPress={fn()}

🙂
источник

A

Alexey in React Native — русскоговорящее сообщество
Jasur
Всем привет.
Как можно управлять  нескольких inputов  с помощью одного обработчика  в React Native?

Например у меня два инпута. Email и Password. Я не хочу для обоих им сделать два отдельных функции.


В реакте это так реализуется

const [state, setState] = React.useState({
   email: "",
   password: ""
 })



function handleChange(evt) {
 setState({
   ...state,
   [evt.target.name]: evt.target.value;
 });
}
Я бы забиндил в обработчик имя изменяемого элемента и его таргет
источник

B

Bulat in React Native — русскоговорящее сообщество
Jasur
Всем привет.
Как можно управлять  нескольких inputов  с помощью одного обработчика  в React Native?

Например у меня два инпута. Email и Password. Я не хочу для обоих им сделать два отдельных функции.


В реакте это так реализуется

const [state, setState] = React.useState({
   email: "",
   password: ""
 })



function handleChange(evt) {
 setState({
   ...state,
   [evt.target.name]: evt.target.value;
 });
}
Посмотри в сторону react hook form, супер удобная
источник