я начал использовать вместо редакса контекст

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

переиспользование statefull компонентов, меньше кода, это если в двух словах.

Тогда я сомневаюсь что вам эти отличия как то помогут понять чего ожидать от RN 🙂 У каждой платформы есть свои сдк и устоявшиеся способы их использовать. Опытные разрабы используют другие способы, но это опытные. RN тоже использует сдк, но "прячет" их внутри, абстрагируя за своим апи. Возьмем за пример ios и то как сделать какой то экран (в общем верстка). Нативный способ: - Использовать IB (интерфейс билдер) - Констрейнты - Обработка событий через IBOutlet - Делегаты (тот же UITableView) RN способ: - React components (View, Text, etc) - flexbox - panResponder (или rngh) - FlatList Нативный способ (например верстки) очень сильно отличается от реактовского (императивный vs декларативный), (хотя и там многие используют например AsyncDisplayKit (ныне Texture), или litho на андроиде)

Довольно таки хороший ответ. Спасибо!

С пользовательской точки зрения: приложение на RN может иметь ощутимые проблемы с производительностью и ощуение "неродного" интерфейса за счет отсутствия станадартных компонентов и анимаций

Спасибо большое!

const SwitchButton: React.FunctionComponent<Props> = ({ initial = false }) => { const [value, setValue] = React.useState(initial); return <Switch onValueChange={setValue} value={value} />; }

class SwitchButton extends React.PureComponent<Props, State> { state = { value: false } static getDerivedStateFromProps(nextProps: Props, prevState: State) { const { value } = prevState; if (value !== nextProps.value) { return { value: nextProps.value }; } return null; } private onValueChange = (value: boolean) => { this.setState({ value }); }; render() { const { value } = this.state; return <Switch value={value} onValueChange={this.onValueChange} />; } }

кто-нибудь работал с ART? У меня вопрос, можно ли заставить Group обрезать все Shape'ы внутри по типу overflow: "hidden"?

Добрый день, есть проект сделанным с expo-27.0.0. Я сделал eject проект и на Android локальные фото,иконки не ставиться

В debug версий всё окей,

кто-нибудь работал с ART? У меня вопрос, можно ли заставить Group обрезать все Shape'ы внутри по типу overflow: "hidden"?

У surface есть стили

Там можно задать ширину и высоту

Чтобы резать

фотография процесса делания скриншота

правильно, но мне нужно в пределах сёрфейса обрезать два шейпа чтобы они не залазили дальше чем нужно

У group обертки нет;(

в общем, не важно, спасибо

фотография процесса делания скриншота

Ахах ;)

я просто зарисовал лишнее белым прямоугольником. Костыль, но в моём случае "good enough"

Лучшая документация, которую я находил https://github.com/react-native-china/react-native-ART-doc

Make life easier ;))) особенно с ART

лучшая и пожалуй единственная 😂

Есть ещё статейки разные, но там все фрагментарно

А кто-нибудь в react-native-charts-wrapper сетку которая на фоне в ручную отрисововал?:) У меня в графиках много закрасок fill, и границы эти закрашиваются... Думаю может в ручную ее на переднем плане отрисовать) Слева направо еще могу придумать как отрисовать, а вот сверху вниз нет. Ну или может есть другие варианты еще?) Чот у меня очень сильно задница горит с этой либы последнее время

всем привет! Интересно кто как использует navigationBar в react-navigation. К примеру есть разные варианты отображения навбара в зависимости от экрана, у меня кастомные компоненты headerLeft, headerRight, title. Но не header целиком. есть желание вынести эти кастомные компоненты в отдельные компоненты (сейчас они передаются напрямую). Но проблема в том, как сделать эти компоненты универсальными. Ведь headerLeft компонент отличается на всех экранах. Кто как вообще это решает

и еще вопрос: какую версию react-navigation лучше юзать? 2 или 3 ? в 3ей натыкался на проблему с производительностью переходов между экранами (или drawer открытием)

Лучшая документация, которую я находил https://github.com/react-native-china/react-native-ART-doc

Спасибо за ссылку! Добавил в закладки.

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

Плюсую к вопросу 🤔 тоже интересно

Еще вопрос. Сейчас у меня всякие градиенты написаны как компоненты, юзающие импорты из react-native-svg (типа <Svg>, <Rect> и др). Но эта либа недавно вроде как научилась рендерить прям из .svg -файлов. Пробовал ли кто-нибудь сравнивать по производительности один способ рендера (компонентный) с другим (из файла)? Думаю, что рендер из .svg -файлов был бы медленнее, потому что в рантайме либе приходилось бы конвертить файл в свои же компоненты.

подскажите есть ли сервис для ручного тестирования приложения на разных устройствах? Желательно с триалом

у амазона есть. там только андройд и то не новые версии.

что за апп центр? Мне нужно запустить прогу на разных устройствах..

круто, спс

подскажите еще как адаптировать отступы, размеры шрифта для разных разрешений? Чтобы на планшете шрифт не был маленьким и наоборот..

спс, только начал изучение так что сори за тупые вопросы )

не не... "чукча не писатель" )))

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

гайд в плане как стартовать проект?

или есть какой то еще

а можно ссылку в студию

посмотрим где я налажала

в правилах есть ссылка (в закреп бы их вернуть кстати)

👉 Итак, вы в чате ⚛️ #ReactNative. Что следует знать? ⚡️ Правила чата: - без оскорблений и мата; - без рекламы; - без вакансий; - без аудио сообщений, вообще; - в разумных пределах видео/фото/гифок/стикеров; - новичков не гнобим, а помогаем; - общаемся по теме чата. Одно предупреждение, затем бан. Либо сразу бан 😉 Остались вопросы? Загляни сюда http://telegra.ph/rn-faq-ru-01-11 Админы: - @olebedev - @savelichalex - @DenisIzmaylov - @vkurchatkin Приятно провести время!

https://github.com/jondot/awesome-react-native

и это prayra

да мне не нужны обучающие материалы, ребята

интересует гайд именно от @gblack9

@gblack9 лучший ❤️

Лучший гайд - исходный код, imho 😄

Лучший гайд - исходный код, imho 😄

ты как мудрец уже говоришь

дак он и есть мудрец))

@gblack9 стримь уже как работаешь на твиче 😄

@gblack9 стримь уже как работаешь на твиче 😄

Я бы посмотрел

я бы подписался

Ожидание: нонстоп кодит по 12 часов Реальность: листает мемы на пикабу🌝

Ожидание: нонстоп кодит по 12 часов Реальность: листает мемы на пикабу🌝

Скорее Реальность: думает 11 часов, кодит 1 час.

Ага, будет отличный стрим... чувак сидит и весь день плюет в потолок, типа думает... иногда telegram запускает и совсем уж редко что-то пишет... 😂 Если серьезно... вот филосовская тема, я сейчас навигацию пытаюсь крутить нашу, чтоб и у нас в приложении tabы были через неё, ну и проект уже на github положить... И вот меня мучает одна мысь... я ведь по сути повторяю рендерер реакта, те же компоненты, та же вложенность, те же правила рендера фактически... единственное отличие, я хочу нативные вьюхи сам лэйаутить без yoga на несколько уровней... а дальше уже "продолжить" лэйаут с yoga... если бы это было возможно, то не нужно было бы это всё дублировать, можно было бы навигацию описывать на родном языке реакта: <RootLayout> <StackLayout> <ReactComponent component={Screen1} ...props1 /> <ReactComponent component={Screen2} ...props2 /> </StackLayout> <ModalLayer> <Popover size=...> <ReactComponent component={CustomPopover} ...props3 /> </Popover> </ModalLayer> </RootLayout> И всё было бы просто и понятно, примерно как в react-router и прочей дребедени... только компоненты были бы нативными, анимации нативными и т.д. И вот этому счастью мешает только одна маленькая, но по ходу непреодолимая проблема... в yoga процесс лэйаута невозможно разорвать

Скорее Реальность: думает 11 часов, кодит 1 час.

Опередил )))

А можно ли при использовании RefreshControl в ScrollView сделать как-то чтобы рефреш работал, а bounce был false? Хочется избавится от поведение что скролл и в нижней точке прыгает

А можно ли при использовании RefreshControl в ScrollView сделать как-то чтобы рефреш работал, а bounce был false? Хочется избавится от поведение что скролл и в нижней точке прыгает

Оно? https://facebook.github.io/react-native/docs/scrollview#bounces

при bounces false не работает pull to refresh

А нет группы для совсем нубов?) где можно совсем глупые вопросы задавать😁

при bounces false не работает pull to refresh

Пишут, что это проблема не Реакт Нейтива, а нативного компонента в айоси https://stackoverflow.com/a/43111461 Так что только таким костылем, думаю.

лезть мучать исходники реакта? Фи, пусть пользователи сами страдают :))

хотя можно попробовать аналог в js запилить Спасибо за наводку

Попробовать повеситься на onScroll и вручную не позволять мотать ниже высоты скроллвью. А высоту взять из onLayout.

лезть мучать исходники реакта? Фи, пусть пользователи сами страдают :))

Не, я к тому, что судя по этому вопросу на SO, проблема глубже.

Имеете в виду реимплементирвоать ScrollView с помощью PanGestureHandler?

Или к чему вы про пинч? У человека вроде от пана проблема.

Черт побери, а вы правы! Сделать нативный хэндлер через тот же reanimated, передать его в onGestureEvent / onHandlerStateChange RNGH'ного ScrollView и вуаля!

Эти обрамленные нативные компоненты не описаны в доках, поэтому я до этого не обращал на них пристального внимания. А сейчас в сорцах посмотрел.

Не, я к тому, что судя по этому вопросу на SO, проблема глубже.

Но тот пость дал мне идею, и она работает

Но тот пость дал мне идею, и она работает

👍

Ну что, знатоки Apollo, как дебажить двухкратный вызов резолвера при однократном вызове мутации локального стейта?

🙂

🙂

У меня примерно такое же лицо было

Помогите нубу) как починить ?