да, я к тому что логично сделать просто вход через фб
Приложение под страны СНГ. ЦА там точно не сидит.
Vadim
Кейтлин
Вопрос
как на React Native повторить это?
background: linear-gradient(294.79deg, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.2) 100%);
Mikhail
кто нибудь работал с либой react-native-track-player?
Кейтлин
Только через костыли ? ну ок
Kotuhan
Кейтлин
а как установить Deg ?
Gena
Evgeniy
а как установить Deg ?
там есть параметры отвечающие за направление start={{x: 0, y: 0}} end={{x: 1, y: 0}}
Кейтлин
а как установить 294.79deg ?
Gena
Слушайте, вы серьёзно? Это школьная программа (
Kotuhan
Если упростить задачу, позволив увеличивать центральный айтем без сдвига остальных (transform), то "делательно". Бесконечный скролл, если не показывать прогресс (скроллбар) - тоже... но тут самому оконность писать придется, но легко, т.к. в этих условиях айтемы равной ширины.
Понадеялся объединить в одну анимацию и paddings и transform - чтобы и правда не менять ширину дочерних элементов flatlista. Но flatlist, наверное, громко сказано - нужно, наверное, будет, играть напрямую с VirtualizedLIst
А скроллбар да, не нужен
Sergey
Посмотри сайт mathprofi, очень достойно и понятно рассказывается. Помнится, был там курс по триганометрии
Gena
Понадеялся объединить в одну анимацию и paddings и transform - чтобы и правда не менять ширину дочерних элементов flatlista. Но flatlist, наверное, громко сказано - нужно, наверное, будет, играть напрямую с VirtualizedLIst
А скроллбар да, не нужен
Ну вот в паддингах и кроется основная "засада", с ними всё сильно усложнится, потому, что в этом случае придется менять ширину элемента, а это заставит подстраивать позицию скролла... в общем с такими условиями, я бы это вообще в нативе писал бы сразу, а в RN выводил как готовый компонент типа Calendar.
Gena
А, но может и можно всякими interactable/reanimated сделать... тут не знаю
Sergey
Только хотел спросить, не пробовали ли реанимейтед
Sergey
Там только напряг с тем, чтобы сделать инфинит
Gena
Ну да, "оконность" тут в любом случае придется вручую делать самому, т.к. с двух сторон.
Sergey
Но можно сделать немного неоптимально, но хитро, и после каждого свайпа обновлять компонент, вкидывая туда новые данные, чтобы сделать иллюзию инфинита
Gena
Варинт. Мне, кстати, удивительно, что эта задача не решена ещё в виде модуля, т.к. довольно стандартная идея... у нас в предидущем приложении тоже был похожий компонент (бесконечный скролл в обе стороны) и мы там не знали что делать... сделали просто скролл на много экранов влево и вправо в итоге, вообще без подгрузки... типа просто лимит )))
Sergey
Делал похожий календарь, но без излюбонов с размером центрального компонента, просто бесконечный. Там решилось все сколвьюшкой шириной в 3 экрана и подменой даннных на каждый снап. Ничо так работало
Sergey
Кстати с подменной данных тоже был косяк, приходилось ключ менять
Sergey
Иначе он не понимал, что я пытаюсь его обмануть
Gena
Делал похожий календарь, но без излюбонов с размером центрального компонента, просто бесконечный. Там решилось все сколвьюшкой шириной в 3 экрана и подменой даннных на каждый снап. Ничо так работало
Ну вполне себе такая "оконность", просто крупнодискретная )
Kotuhan
Спасибо за ответы 🙂
На самом деле тоже был удивлен, что нет подобных вещей. Возможно, оно и правда довольно геморно сделать это все под обе платформы
Есть кое-что отдаленно напоминающее то что нужно (там глубоко в примерах) -
https://github.com/archriss/react-native-snap-carousel
Но не уверен, что оно того стоит, натягивать ужа на ежа
Sergey
Этот компонент я бы использовал с опаской. Например если его карусельку поместить в скролл вью, то она тупо не отрендерится до первого скролла
Sergey
Я даже не представляю, как они добились такого поведения
Sergey
Как это можно было сломать таким образом
Kotuhan
Да, было дело, вредничал он 🙂 Уже не помню как фиксил
Sergey
(тестил на IOS, хз есть такое поведение на андроид)
Kotuhan
Хах))
this.setState(
() => ({ activeSlide: 0 }),
this.carousel.current.triggerRenderingHack
);
Eli
Добрый вечер, несет ли дополнительную нагрузку на performance приложения когда к одному комопненту мапятся абсолютно все actions?
Ivan
@xilya
Опять про саги?) Не уверен на сколько будет разница по префомансу если мапить всё к одному компоненту или по отдельности к каждому(по крайней мере в случае если все компоненты всё равно одновременно существуют в памяти)
Тут скорее вопрос к архитектурной стороне - как так выходит что один компонент несёт на себе всю смысловую нагрузку по работе со store?
Eli
@ivan3177 Архитектурно видел разные подходы. С архитектурной стороны мне вопрос не очень сейчас интересен, мне интересно будет ли плохо если я буду маппить абсолютно все к одному компоненту.
Ivan
С архитектурной стороны я бы всё равно думал ибо поддерживать и расширять подобное решение в будущем может быть не особо гуд
И вот если придёте к тому что в итоге какой-то компонент всё же тоже потребует отдельный маппинг тут уже разрыв шаблона и возможно это повлечёт таки разбивку работы со стором по отдельным компонентам
И я таких решений как у вас в одном компоненте чтоб всё не встречал
По поводу перфоманса, честно, самому сейчас стало любопытно. И думаю тут попробовать и то и то, прогнать на тестах и через профайлер и уже дальше смотреть что в итоге быстрее вышло и почему
Ну и об итоге рассказать сюда чтобы мы все знали как хорошо, а как плохо
George
Вы делаете чтобы один модуль (redux + sagas) обслуживал все приложение и подключался ко всем компонентам? Или делаете множество модулей для некоторых типов компонентов? Или вообще под каждый компонент создаете свой модуль?
Делаю группировку redux по типам данным, а sagas - по типам данных и сценариям. Но стоит просто начать, там станет понятно какая группировка подходит
Eli
Делаю группировку redux по типам данным, а sagas - по типам данных и сценариям. Но стоит просто начать, там станет понятно какая группировка подходит
у меня один api метод используется абсолютно везде, тода уже комбинировать саги нужно.
Kotuhan
😱
Kotuhan
Даже не знаю, где я что-то упустил) Есть идеи как без боли сделать?
Alexsandr
Даже не знаю, где я что-то упустил) Есть идеи как без боли сделать?
Дома буду скину пример
Ivan
+
А то все говорят что сложно и с подковырками, а тут прям изи
Anonymous
Hey
Anonymous
Good morning
Anonymous
I wonder if it's easy to learn react native if I know HTML+CSS+JavaScript+ReactJS+NodeJS+MongoDB+ExpressJS and a little bit about angular?
Nick
I wonder if it's easy to learn react native if I know HTML+CSS+JavaScript+ReactJS+NodeJS+MongoDB+ExpressJS and a little bit about angular?
well, you probably would never need express/html/css to write RN apps, but what you might need in the future is the knowledge about Kotlin/Java or Swift/ObjC
Nick
at the beginning it's not really necessary, but at some point you'll face the wall. to overcome it you'll need to learn native side of apps development
Daniil
Anonymous
So essentially I need to know native mobile app development technologies! So what's the advantage of react native
Nick
you don't need it at the beginning, js would be enough when you're just starting
Anonymous
you don't need it at the beginning, js would be enough when you're just starting
I don't look to "just starting level" 😂
Nick
i mean starting with RN :)
Nick
concluding, my point is: when starting diving into RN, you need nothing but JS, React and an ability to ctrl+c/ctrl+v some boilerplate, but eventually you'll need to learn native side
Irakliy
tdesc
I wonder if it's easy to learn react native if I know HTML+CSS+JavaScript+ReactJS+NodeJS+MongoDB+ExpressJS and a little bit about angular?
Check out flutter, it could be easier to start with
Sergey
Всем привет. Кто знает про 0.6 версию? Говорят там все хорошо стало и быстрее и вообще сказка. Реально быстрее стало?
Dmitry
Сергій
интернет полагаю )
Sergey
именно он
Denis
Привет! У меня есть horizontal flat list с картинками и 2 кнопки, next и prev. Можно ли по нажатию на кнопку next или prev, переходить на следующий элемент данного FlatList?
Dmitry
scrollToIndex
Denis
Спасибо большое!!
Gena
Всем привет. Кто знает про 0.6 версию? Говорят там все хорошо стало и быстрее и вообще сказка. Реально быстрее стало?
В 0.6 наверное, только много допиливать, а в 0.60 точно нет, она вообще не сильно от 0.59 отличается, в основном тулингом
Gena
Хотя, нет, там ещё ж можно с Hermes на android экспериментировать, но это если и ускоряет что-то, то не в тех местах, где раньше тормозило, а в других ^_^
Зато новых багов должно привнести.
Dmitry
Gena
Автолинк это как раз тулинг, да. Турбомодули ещё не допилены, а jsi можно и в 0.59 юзать.
А вообще. Самая большая проблема, это необходимость всегда работать с UI асинхронно. При том ключевое здесь именно "всегда", нет никакой возможности в коитической ситуации обойти это.
Dmitry
Мне тоже эта история не нравится, но, если нужно делать что-то около-нативное, приходится лезть в натив и так, по всей видимости, всегда будет
Kirill
А есть какой-нибудь Material 3 пак для ReactNative, который в приложениях гугла используется? (Например - в Gmail)
Gena
Мне тоже эта история не нравится, но, если нужно делать что-то около-нативное, приходится лезть в натив и так, по всей видимости, всегда будет
Вопрос, что сейчас и из натива невозможно это обойти... нормально, по крайней мере. Конкретно нельзя (или очень сложно) сделать такой нативный компонент, который включал бы в себя другие RN компоненты и нормально диктовал бы свой лэйаут. Пример очень простой - допустим нам нужен нативный компонент, который своих, детей сколько бы их ни было, размещает друг за другом по вертикали используя их собственные размеры как метрику, т.е. такой LinearLayout... Понятно, что это можно сделать и стандартно, это просто пример.
Aleksei