Это нормально

так вроде смысл реакт нейтив в этом и состоит

один код на все, только различия во вьюшках

один код на все, только различия во вьюшках

да, один код для мобильных платформ, а я прикрутил туда еще и веб

а что тебе мешает реюзать код на вебе, если он подходит?

если бы у тебя были какие-то специфичные условия для веба, то да, писал бы другой код

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

Я не настоящий сварщик, но по-моему оно так и задумано, в смысле такой набор технологий позволяет делает такие вещи.

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

В теории то просто, и кажется, что они во всем одинаковы)

Я не настоящий сварщик, но по-моему оно так и задумано, в смысле такой набор технологий позволяет делает такие вещи.

Позволяет, с некоторым но. Например localStorage ты можешь использовать в вебе, но не в реакт нейтиве, и AsyncStorage в react native но не в веб версии. А как же тогда организоват ьединое хранение локальных данных?

Позволяет, с некоторым но. Например localStorage ты можешь использовать в вебе, но не в реакт нейтиве, и AsyncStorage в react native но не в веб версии. А как же тогда организоват ьединое хранение локальных данных?

С потолка скажу что надо организовать некую абстракцию для "хранения локальных данных", которая внутри себя будет решать что же ей юзать, localStorage или AsyncStorage. Я в RN разбираюсь слабо, так что практическую реализацию не подскажу, думаю тут тебе видней)

Позволяет, с некоторым но. Например localStorage ты можешь использовать в вебе, но не в реакт нейтиве, и AsyncStorage в react native но не в веб версии. А как же тогда организоват ьединое хранение локальных данных?

Единая обертка? Которая внутри уже сама все решает?

Ну, понятное дело) Но ты себе это представляешь?) Это было самой сложной задачей перед тем как слить два реакта.

Обернул локалсторадж в промисы, вышел асинксторадж

Ну, понятное дело) Но ты себе это представляешь?) Это было самой сложной задачей перед тем как слить два реакта.

Ну так поделись же своим методом, только наверно лучше в reactnative_ru чате

Ну так поделись же своим методом, только наверно лучше в reactnative_ru чате

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

Мне тут вспомнился https://github.com/necolas/react-native-web по сути нужно просто обернуть localStorage в единое с RN api и юзать разные либы в зависимости от энваромента

У меня с ним дело не пошло, годным оказался только react-native-storage

Обернул локалсторадж в промисы, вышел асинксторадж

в коллбеки тогда уж. их можно выполнять и так, и так. промисы только в следующем тики

ну или хотя бы в thenable

тогда можно будет не терять тики в браузере

ну или хотя бы в thenable

Это что такое

{ then: ()=>{} }

объект с then

А пропсы которые в ...rest их можно в шаблонной строке заюзать? Пример: className={input ${...rest}}

...rest не являет валидным js кодом вне {} или []

вне object literal или []. а то {} - как-то неоднозначно. может и блок кода обозначать

А пропсы которые в ...rest их можно в шаблонной строке заюзать? Пример: className={input ${...rest}}

а что вы хотите, чтобы было на месте ${...rest} ?

join?

Это не надо уже делать.

Напишите пожалуйста недочеты компонента

В класснэйме заменил this.props.extclass на просто extclass

bind на HADLE?

ой

Атрибуты type id name className есть у всех инпутов в форме

id, type, name годится передавать как раз в ...rest, т.к. это всё дом-атрибуты

а extclass норм назвать className

Там просто 3 класса одинаковых, а один может отличаться

Ты что, программируешь с телефона? :3

Я вот так сделал поэтому

Нет, у меня телеграма на компе нет, это вэбшторм

То есть пхпшторм

а откуда ты берешь handleChange? он же не описан

PropTypes отсутствуют

Если кто-то вназпено пишет SPA с использованием react, react-router, redux, как вы управляете загрузкой и очисткой данных для разных компонентов (или "страниц")?

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

иногда добавляется инвалидация по истечению некоторого срока

Неудобно.

В дороге ок

Не серьезно конечно)

я тоже так иногда делаю

иногда на тестовый сервер хожу перезапустить какой-нибудь демон

мм

а что за приложение? под андроид

termux?

Ага

Не могу правда на нём n запустить, уже как только не изгалялся

а что за n?

а что за приложение? под андроид

под иосифа тоже вроде есть

Я нищий с андроидом:D

а что за n?

https://github.com/tj/n

спасибо

а чем nvm не угодил?

n это nvm для хипстеров )

ERROR: S client not available

потому что это tj же

nvm рулит

я пока nvm не вкатил, намучался... а после nvm жизнь прекрасна стала

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

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

для каждой сущности/списка сущностей свой редьюсер

nvm не работает с fish

зато с zsh работает

n хочет sudo?!

бред

если дерево сущностей разветвленное со множеством взаимных зависимостей добавляю normalizr

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

Редакс позволяет упростить себе жизнь путем разбиения массивных редюсеров на атомарные функции, вообще лучше забыть про "один редюсер на всех")

для каждой сущности/списка сущностей свой редьюсер

Когда разным компонентам нужны разные выборки и проекции одних и тех же сущностей, создаются разные редьюсеры или они друг друга затирают в сторе?

Он берётся в родителя

а откуда ты берешь handleChange? он же не описан

@ZeroBias а что конкретно имеется в виду? У нас редьюсеров много, но все они работают с объектами в корне стора. То есть { reducer1: {...}, reducer2: {...} } и функция combineReducers их объединяет. Это не про то речь?

Когда разным компонентам нужны разные выборки и проекции одних и тех же сущностей, создаются разные редьюсеры или они друг друга затирают в сторе?

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

@ZeroBias а что конкретно имеется в виду? У нас редьюсеров много, но все они работают с объектами в корне стора. То есть { reducer1: {...}, reducer2: {...} } и функция combineReducers их объединяет. Это не про то речь?

А, ну оно, да. Я думал прям вообще один))

всем привет) кто может посмотреть конфиг вебпака мой?

скидывай

мне нужно было подключить загрузки кантинок и svg, я из этого https://github.com/Ekaterina-Kaschenko/react_shop/blob/master/webpack.config.js добавила в свой конфиг загрузчики, модули поставила, получилась вот такая штука, но оно ругается так как у меня html генерируется не в конфиге, а отдельно

https://jsfiddle.net/xm2fuxob/1/

сейчас как раз ругается что config не обьявлен, что логично

могу скинуть текущий проект где все эт проверяю

там немного)

нам начиная с 125 строки вставила другое

я стили писала на sass и мне нужно чтобы компилило такую структуру

так подключил sass-loader

у меня оно вроде как компилило с помощью postcss-loader

боже

у тебя какой-то мудреный конфиг

просто мне это в конфиге прописать надо