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

?

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

попробую атк, спасисбор)

попробую атк, спасисбор)

Лучше прелоадеры) У человека может быть реально медленный интернет

Или прелоадер самого компонента, а не картинок

Лучше прелоадеры) У человека может быть реально медленный интернет

Типо изображение меньшего разрешения?

Типо изображение меньшего разрешения?

Вариантов тонна, от минифицированной картинки до плейсхолдера на scg

Но, имхо, лучше отобразить компонент, потом подтянуть туда данные

чё щас модно для реквестов? axios или нативный fetch?

чё щас модно для реквестов? axios или нативный fetch?

я axios использую. по мне супер

тут дело не в моде, а удобстве

чё щас модно для реквестов? axios или нативный fetch?

тут наверно надо так что сейчас моднее xmlhttprequest или fetch)

Ребят, не подскажите, один момент: у меня приложение где Роулинг между 5 компонентами , в каждом они записываются в redux через redux-form .Как сделать так, чтобы в последнем компоненте были доступны все данные, а то получается что они записываются , а при переходе на след компонент , уже пусто

Роутинг*

Пытаюсь через mapStatetoProps, но бросает undefined

Тоесть в каждом компоненте по форме, если вернее

Или вернее , как собрать данные со всех уникальных форм

репорты форм ложи в редюсер какой нить

ннарод привет не подскажте мне как в функцию при нажатие передать текуйщие значение input

ннарод привет не подскажте мне как в функцию при нажатие передать текуйщие значение input

https://reactjs.org/docs/forms.html

ннарод привет не подскажте мне как в функцию при нажатие передать текуйщие значение input

onChange на инпуты, сетСтейтишь, по сабмиту превентишь и работаешь со стейтом

вот такой случий)

onChange на инпуты, сетСтейтишь, по сабмиту превентишь и работаешь со стейтом

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

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

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

а можно как небуть через ref ?

а можно как небуть через ref ?

но зачем тогда реакт?

а можно как небуть через ref ?

Лучше не надо

ок спасибо )

ннарод привет не подскажте мне как в функцию при нажатие передать текуйщие значение input

через ref можно, если четкое понимание есть зачем. Получится неконтролируемый компонент, можно таким образом “облегчить” перерисовки, если это важно.

ннарод привет не подскажте мне как в функцию при нажатие передать текуйщие значение input

вот раздел в доке, ознакомьтесь https://reactjs.org/docs/uncontrolled-components.html

?А есть какой-нибудь готовый классический дейтпикер - где тупо 3 селекта (день, месяц, год) ?

их много, react-datepicker и выбирай

?А есть какой-нибудь готовый классический дейтпикер - где тупо 3 селекта (день, месяц, год) ?

из того что гугл выдает не подходит все?

Они все слишком крутые :)

Они все слишком крутые :)

даже этот https://reactdatepicker.com/ ?

Они все слишком крутые :)

Может тебе нативный подойдёт?

?типа такого

кек, селекты это, а не дейт пикер

Где то слышал что юзать store и state в компоненте, это не кашерно. Кто что думает ?

конкретизируй

Файл Storage.ts import { Platform, AsyncStorage } from 'react-native'; export default Platform.OS === 'web' ? localStorage : AsyncStorage; В файле index.ts import Storage from './Storage.ts'; const test = async () => { await Storage.setItem('test', '12345'); console.log(await Storage.getItem('test'); } test(); В консоль пишется null

Где то слышал что юзать store и state в компоненте, это не кашерно. Кто что думает ?

Данные для компонента должны поступать через connect Компоненту должно быть все равно, кто ему данные предоставляет

Сейчас проверяю на native, поэтому работаю с AsyncStorage

конкретизируй

да легко. В сторе есть например список локаций. Мы передаем его в некий компонент. Затем пользователь выбирает локацию, и мы сохраняем currentLocation в стейте, и работаем с ним в нутри компонента. Можно конечно сохранить currentLocation в store. Но как я считая описывая такое количество экшенов и редьюсеров, умом тронишься быстрее

Не страшно

Не страшно

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

при нужде можно и так и так, я бы тоже в стейте хранил если это не так важно с точки зрения хранения, скажем у тебя currentLocation может использоваться еще вдесятках компонент

тогда будешь в стор кидать

А все что юзается только локально я всегда юзаю в локальном стейте

при нужде можно и так и так, я бы тоже в стейте хранил если это не так важно с точки зрения хранения, скажем у тебя currentLocation может использоваться еще вдесятках компонент

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

да легко. В сторе есть например список локаций. Мы передаем его в некий компонент. Затем пользователь выбирает локацию, и мы сохраняем currentLocation в стейте, и работаем с ним в нутри компонента. Можно конечно сохранить currentLocation в store. Но как я считая описывая такое количество экшенов и редьюсеров, умом тронишься быстрее

Есть третий вариант — сокращать количество писанины для описания данных

Есть третий вариант — сокращать количество писанины для описания данных

What ?

> Но как я считая описывая такое количество экшенов и редьюсеров, умом тронишься быстрее

=========Время рекламы=========

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

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

=========Время рекламы=========

Откат сначала занеси)

Откат сначала занеси)

Дык ты должен был рекламиться сейчас, нет?)

Кому должен всем простил

ERROR: S client not available

((

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

нету больше трех уровней. Да и если бы было помоему большая проблема описать контейнер и проверку, на наличие этих пропсах, в тех самых компанентах где ты их будешь юзать лично мне прямо на мозг долбить писать что то вроде isInitiall === false && isError && isFetching и таких штук 5 так как нужно по каждому типу данных а я еще о селекторах молчу

Есть третий вариант — сокращать количество писанины для описания данных

А разве вариант со стейтом это не решение, которое и сокращает их количество ?

юзай эффектор коро4е

и все

юзай эффектор коро4е

эффектор ? кинь название я гляну

effector

эффектор ? кинь название я гляну

https://github.com/zerobias/effector

оо спс биг парни )

============Рекламная пауза окончена=============

ребята, вопрос такой. у меня есть компонент, который обернут в HOC. необходимо в HOC прописать функционал перемещения по input'ам комонента с помощью клавиши Enter ( focus next) . возможно такое?

ребята, вопрос такой. у меня есть компонент, который обернут в HOC. необходимо в HOC прописать функционал перемещения по input'ам комонента с помощью клавиши Enter ( focus next) . возможно такое?

это глупость. Так как HOC не должен не чего делать с компонентом Он вообще не в коем случаее не должен знать структуру того что в него прилетело в качестве дочернего компонента

ребята, вопрос такой. у меня есть компонент, который обернут в HOC. необходимо в HOC прописать функционал перемещения по input'ам комонента с помощью клавиши Enter ( focus next) . возможно такое?

keyCode

а как мне это реализовать? дело в том, что это повторяющийся функционал для множества компонентов

Всем привет, подскажите в какую сторону копать взял я значит react и ssr на ноде (https://github.com/cereallarceny/cra-ssr) все хорошо все круто, но как дело дело дошло до внешнего апи например вот так http://take.ms/hnmWC оказалось что при рендере componentDidMount не срабатывает и соотв данные получаемые по внешнему апи не попадают в рендер

ребята, вопрос такой. у меня есть компонент, который обернут в HOC. необходимо в HOC прописать функционал перемещения по input'ам комонента с помощью клавиши Enter ( focus next) . возможно такое?

эм, а чем не устраивает перемещение на таб? Зачем ентер делать другой функционал?

перемещение должно быть и табом и энтером, и стрелками. приложение клава-ориентированное)

перемещение должно быть и табом и энтером, и стрелками. приложение клава-ориентированное)

крайне слабый аргумент

перемещение должно быть и табом и энтером, и стрелками. приложение клава-ориентированное)

Сори в этом не помогу. Такими болезнями не страдал

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

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

писать нужно с использованием языка (Стив Макконал)

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

какое-то неадекватное требование. Все, везде используются для перемещение шифт таб и таб

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

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

тебе возможно нужны рефы и кейкод

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

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

Пчему тогда прежде чем писать его на реакт, ты не озадачился вопросом, а можт ли это реакт ? Попробуй глянуть что то в react awesome

перемещение должно быть и табом и энтером, и стрелками. приложение клава-ориентированное)

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

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

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

универсальный компонент == HOC ?