А у вас в случае ошибок белый экран просто, или вы как-то по другому ошибки обрабатываете? Или идеальный код пишете и данные с бэка всегда 100% верные?

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

я видел, и писал - это ужас. Но я до сих пор на классах пишу, да)

ето обман чтобы набрать классы

а ты умеешь в i18n, можно тебе в лс написать?

нет, нет

Ребят привет, помогите плиз, не пойму, что делаю не так: Есть в экшенах следующее: const SORT_BY_ALPHABET = 'SORT_BY_ALPHABET' ; export const sortByAlphabet = () => ({ type: SORT_BY_ALPHABET }) в редьюсере: case SORT_BY_ALPHABET: const sorted = state.contacts.sort((a,b) => { if(a.firstName < b.firstName) { return -1 } if(a.firstName > b.firstName) { return 1 } return 0; }); return { ...state, contacts: sorted } в самом компоненте: sortByAlphabet = () => { this.props.dispatch(sortByAlphabet()); } <button onClick={this.sortByAlphabet}>По алфавиту</button> Где моя ошибка?

В this.props.dispatch

но ведь работало и так при исполнении других экшенов?

Перефразируй, я не понял.

т.е. у меня есть экшены добавления, удаления, изменения и везде я их вызывал this.props.dispatch(...) и везде отрабатывало как надо

Да, но без использования mapDispatchToProps, напрямую вызывал this.props.dispatch(...)

а ты умеешь в i18n, можно тебе в лс написать?

Тут все спрашивай

как настроить лучше i18n для статичной html страницы? на чистом жс с минимумом зависимостей

Что именно? Текст заменить или что?

да, просто текст менять всего документа по нажатию кнопочки

Скопируй.

Извиняюсь за задержку. Экшн const SEARCH_CONTACT = 'SEARCH_CONTACT'; export const searchContact = (value) => ({ type: SEARCH_CONTACT, payload: value }) Редьюсер: case SEARCH_CONTACT: return { ...state, searchValue: payload } В компоненте searchContact = (e) => { const value = e.target.value; this.props.dispatch(searchContact(value)); } <input type="text" placeholder='Искать' onChange={this.searchContact} value={searchValue} /> Все работает

да, только html мы ещё с бабелем не конпелируем)

Можно просто экспорт компонента увидеть?

export default connect(mapStateToProps)(Contact);

export default connect(mapStateToProps)(Contact);

Проверь, в редьюсер заходит вообще?

а как это сделать, ну проверить?

Одмен надо кричать

Давно ли вы кричали?

Консоль лог в редьюсере - самый банальный способ.

Ору каждый раз как вижу свой код

Проверил, все ок

Извиняюсь за задержку. Экшн const SEARCH_CONTACT = 'SEARCH_CONTACT'; export const searchContact = (value) => ({ type: SEARCH_CONTACT, payload: value }) Редьюсер: case SEARCH_CONTACT: return { ...state, searchValue: payload } В компоненте searchContact = (e) => { const value = e.target.value; this.props.dispatch(searchContact(value)); } <input type="text" placeholder='Искать' onChange={this.searchContact} value={searchValue} /> Все работает

Проверил, все ок

Всем привет. Необходимо сделать такую штуку, как подгрузка сообщений, когда пользователь докрутил до последнего загруженного сообщения. Как можно это реализовать? Вешать подписку на события scroll или возможно есть какие-то популярные подходящие либы?

intersection observer api

к сожалению не нашел полифила для ие10

боже кто этим пользовался хоть раз

чем дольше поддерживаешь ие10, тем дольше будешь поддерживать ие10

к сожалению не нашел полифила для ие10

это не в моей компетенции решать) Плюс, а как подвешиваться на него? Смотреть, попадает ли в область видимости последний элемент?

Всем привет. Необходимо сделать такую штуку, как подгрузка сообщений, когда пользователь докрутил до последнего загруженного сообщения. Как можно это реализовать? Вешать подписку на события scroll или возможно есть какие-то популярные подходящие либы?

Подписка + посчитать высоту всех сообщений

Подписка + посчитать высоту всех сообщений

Это самы простой вариант, посмотри как работает https://github.com/clauderic/react-tiny-virtual-list/blob/master/src/SizeAndPositionManager.ts

к сожалению не нашел полифила для ие10

ну сори если это для тебя сложно

https://github.com/w3c/IntersectionObserver/blob/master/polyfill/README.md вот тут ие7+. Как-то ты плохо искал

лоол 2 стрки https://github.com/w3c/IntersectionObserver/blob/master/polyfill/intersection-observer.js

Всем привет. Необходимо сделать такую штуку, как подгрузка сообщений, когда пользователь докрутил до последнего загруженного сообщения. Как можно это реализовать? Вешать подписку на события scroll или возможно есть какие-то популярные подходящие либы?

Там короче если через интерсекшн обзервер делать, то супер просто. Я меньше чем за полчаса такое реализовал как тебе надо

а все, понял

Подскажите пожалуйста, девсервер сконфигурировать с CRA не получится? Eject нужно делать?

rewired умеет в такое