потер офтоп

@random_ru

Гайз не могу понять как работает redux-saga и документации нет нормальной, что можно посмотреть на этот счет ?

Гайз не могу понять как работает redux-saga и документации нет нормальной, что можно посмотреть на этот счет ?

Thunk

Нужно именно saga effects

Нужно именно saga effects

https://egghead.io/courses/async-react-with-redux-saga

@everdimension Не хочешь поконтрибьютить? https://reactjs.org/docs/uncontrolled-components.html

@everdimension Не хочешь поконтрибьютить? https://reactjs.org/docs/uncontrolled-components.html

хех, кажется я уже когда-то: https://github.com/reactjs/reactjs.org/pull/313

но че-то не замечают пока)

хех, кажется я уже когда-то: https://github.com/reactjs/reactjs.org/pull/313

???

наверняка боятся, что от записи event.target.elements.name.value все разбегутся)

наверняка боятся, что от записи event.target.elements.name.value все разбегутся)

Ну я так делаю https://github.com/artalar/react-faster-form-example/blob/master/src/FormSimple.js

Хотя зачем ?

но че-то не замечают пока)

Надо как-то напомнить

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

Ого, прикольно

Ну я так делаю https://github.com/artalar/react-faster-form-example/blob/master/src/FormSimple.js

я кстати когда-то думал про onChange на самой форме и это не работало Наверное я не особо внимательно смотрел тогда Это хороший подход в общем

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

только это не работает

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

только это не работает

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

а

ок

я думал в гх

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

gatsby code highlight

gatsby code highlight

ну вот)

всем привет. ✌ почему в реактe, в стилях, могут не работать медиа-запросы? .mining-section { margin: 85px 0 0 15px; @media (min-width: 425px) and (max-width: 768px) { text-align: center; } }

всем привет. ✌ почему в реактe, в стилях, могут не работать медиа-запросы? .mining-section { margin: 85px 0 0 15px; @media (min-width: 425px) and (max-width: 768px) { text-align: center; } }

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

))))))))))

scss)

scss)

тогда скорей всего & @media

всем привет. ✌ почему в реактe, в стилях, могут не работать медиа-запросы? .mining-section { margin: 85px 0 0 15px; @media (min-width: 425px) and (max-width: 768px) { text-align: center; } }

должно работать

scss)

тогда надо об этом писать и реакт тут не при чем

должно работать

должно, но не могу понять, где ошибся. выносил даже в отдельный файл - все равно. ?

должно, но не могу понять, где ошибся. выносил даже в отдельный файл - все равно. ?

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

должно, но не могу понять, где ошибся. выносил даже в отдельный файл - все равно. ?

так ты окно сузил до нужного размера? И посмотри в бандле

должно, но не могу понять, где ошибся. выносил даже в отдельный файл - все равно. ?

Проверяется min-width не эмулятором? Там min-device-width тогда.

так ты окно сузил до нужного размера? И посмотри в бандле

конечно сузил)

Проверяется min-width не эмулятором? Там min-device-width тогда.

не важно

конечно сузил)

так в бандле что?)

так в бандле что?)

рузльтат билда этого файла посмотри

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

и вообще @css_ru

это ж реакт чат

это ж реакт чат

окей.

Ну я так делаю https://github.com/artalar/react-faster-form-example/blob/master/src/FormSimple.js

но это у тебя по сути полуcontrolled форма-то

ребят, привет, при загрузки store, заполняется данными, и есть в шапке поиск, при посике в store попадают новые данные, а при очещении строки инпута при ходят новые данные как при загрузке приложения , но данные которые пришли в результате поиска остаются то же [...state.coin, ...action.payload] как мне очистить store при очищении инпута и заполнить store изначальными данными?

но это у тебя по сути полуcontrolled форма-то

просто onChange ты не инпутам, а форме передал

ребят, привет, при загрузки store, заполняется данными, и есть в шапке поиск, при посике в store попадают новые данные, а при очещении строки инпута при ходят новые данные как при загрузке приложения , но данные которые пришли в результате поиска остаются то же [...state.coin, ...action.payload] как мне очистить store при очищении инпута и заполнить store изначальными данными?

надеюсь изложил внятно )

ребят, привет, при загрузки store, заполняется данными, и есть в шапке поиск, при посике в store попадают новые данные, а при очещении строки инпута при ходят новые данные как при загрузке приложения , но данные которые пришли в результате поиска остаются то же [...state.coin, ...action.payload] как мне очистить store при очищении инпута и заполнить store изначальными данными?

Инишиал стейт верни

но это у тебя по сути полуcontrolled форма-то

Контролед - это когда контролируется :) А у меня собирается

Контролед - это когда контролируется :) А у меня собирается

это уже тонкая грань)

Хотя, в теории, я же могу писать в event.target.value ??

Инишиал стейт верни

а как вернуть при таком reducer export default function (state = initialState, action) { switch (action.type) { case FETCHING_COIN_DATA: return {...state, coin: [...state.coin, ...action.payload]} case FETCHING_EXCHANGE_DATA: return {...state, exchange: [...state.exchange, ...action.payload]} case FETCHING_DATA_BY_QUERY: return {...state, coin: [...action.payload]} default: return state } }

return { ...initialState }

Хотя, в теории, я же могу писать в event.target.value ??

А это же идея! Для контролед форм. Перерендеров при этом 0! Вот только вопрос консистентности ?

А это же идея! Для контролед форм. Перерендеров при этом 0! Вот только вопрос консистентности ?

Проверил, анконтролед не перетирается

https://codesandbox.io/s/2p3w664xwn

https://codesandbox.io/s/2p3w664xwn

@everdimension что думаешь?

см. FormSimple.js

С одной стороны извращение какое-то, с другой стороны, почему нет ? Повторюсь, перерендеров 0 при контроле инпуте через запись в e.target.value

С одной стороны извращение какое-то, с другой стороны, почему нет ? Повторюсь, перерендеров 0 при контроле инпуте через запись в e.target.value

> перерендеров 0 при контроле инпуте через запись в e.target.value ну это-то понятно Только если ты на лету будешь подменивать введённое значение, то будет курсор скакать (если он не в конце находится)

ERROR: S client not available

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

> перерендеров 0 при контроле инпуте через запись в e.target.value ну это-то понятно Только если ты на лету будешь подменивать введённое значение, то будет курсор скакать (если он не в конце находится)

О, и правда =\

боль

не isClicked а this.state.isClicked

О, и правда =\

ну это известная проблема Если надо на лету менять значения поля ввода, то это задачка на целую библиотеку)

внутри сетстейта

боль

в чем боль?

this.setState(state => ({ isClicked: !state.isClicked })) вот так

isClicked неизвестная переменная

ну это известная проблема Если надо на лету менять значения поля ввода, то это задачка на целую библиотеку)

А Реакт сам за курсором следит? ?

в чем боль?

- export default - bind - extra constructor

А Реакт сам за курсором следит? ?

нет

При контрлед инпут

Мы же можем менять значение

заработало, спасибо огромное!)

- export default - bind - extra constructor

а с биндом что не так?) вроде в доке написано так методы к классу биндить) конструктор не нужен тут?

А Реакт сам за курсором следит? ?

да, но только когда ты не меняешь значение Если ты будешь делать this.setState({ value: e.target.value.replace('whatever') }), то будет улетать курсор

и чем экспорт дефолт плох?

а с биндом что не так?) вроде в доке написано так методы к классу биндить) конструктор не нужен тут?

конструктор не нужен бинды тоже

А Реакт сам за курсором следит? ?

Проверил, нет и с контролед инпутом

и чем экспорт дефолт плох?

много чем лучше юзать именованный

да, но только когда ты не меняешь значение Если ты будешь делать this.setState({ value: e.target.value.replace('whatever') }), то будет улетать курсор

ага

нет

следит-следит, только по-минимуму

насколько я понимаю)

this

вот так?

да, либо export { Button }